@extends('layouts.app')
@section('content')
<div class="flex items-center flex-wrap justify-between gap20 mb-30">
    <h3>Payment Method infomation</h3>
    <ul class="breadcrumbs flex items-center flex-wrap justify-start gap10">
        <li>
            <a href="javascript:void(0)"><div class="text-tiny">Dashboard</div></a>
        </li>
        <li>
            <i class="icon-chevron-right"></i>
        </li>
        <li>
            <a href="#"><div class="text-tiny">Payment Method</div></a>
        </li>
        <li>
            <i class="icon-chevron-right"></i>
        </li>
        <li>
            <div class="text-tiny">Payment Method infomation</div>
        </li>
    </ul>
</div>
<!-- new-payment-method -->
<div class="wg-box">
    <form class="form-new-product form-style-1" method="post" action="" enctype="multipart/form-data">
        @csrf
        @honeypot
        <fieldset>
            <div class="body-title">Payment Method name <span class="tf-color-1">*</span></div>
            <input class="flex-grow  @error('payment_method_name') is-invalid @enderror" type="text" placeholder="Payment Method name" name="payment_method_name" value="{{$payment_method->name}}">
            <br>
            @error('payment_method_name')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </fieldset>
        <fieldset>
            <div class="body-title">Status</div>
            <div class="select flex-grow">
                <select class="" name="payment_method_status">
                    <option {{$payment_method->status == "ENABLED" ? "selected" : ""}}>ENABLED</option>
                    <option {{$payment_method->status == "DISABLED" ? "selected" : ""}}>DISABLED</option>
                </select>
            </div>
        </fieldset>

        <fieldset>
            <div class="body-title">Upload images <span class="tf-color-1">*</span></div>
            <div class="upload-image flex-grow">
                <div class="item up-load">
                    <label class="uploadfile h250" for="myFile">
                        <span class="icon">
                            <i class="icon-upload-cloud"></i>
                        </span>
                        <span class="body-text">Drop your images here or select <span class="tf-color">click to browse</span></span>
                        <img id="myFile-input" name="image" src="" alt="">
                        <input type="file" id="myFile" name="payment_method_image">
                    </label>
                </div>
            </div>
            @error('payment_method_image')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </fieldset>
        <div class="bot">
            <div></div>
            <button class="tf-button w208" type="submit">Save Changes</button>
        </div>
    </form>
</div>
<!-- /new-payment-method -->

@endsection
@section('page_script')
@parent
<script>
    $(".payment-method-menu").addClass("active");
</script>
@endsection
<!-- App js -->