@section('optional_css')
    <!-- SweetAlert2 -->
    <link rel="stylesheet" href="{{ asset('plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css') }}">
@endsection
@section('optional_js')
    <!-- SweetAlert2 -->
    <script src="{{ asset('plugins/sweetalert2/sweetalert2.min.js') }}"></script>

    <script>
        $(document).ready(function () {
            $('.update-status').on('click', function() {
                Swal.fire({
                    title: 'Are you sure?',
                    text: "You won't be able to revert this!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, update it!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        event.preventDefault();
                        Swal.fire(
                            'Updated!',
                            'Your file has been updated.',
                            'success'
                            )
                        this.closest('form').submit();
                    }
                })
            })
        })
    </script>
@endsection
<x-app-layout>
    <x-slot name="header">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0">{{ __('Layanan') }}</h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
            </div><!-- /.col -->
        </div><!-- /.row -->
    </x-slot>
    @if(session('success'))
        <x-alert-success>
            {{ session('success') }}
        </x-alert-success>
    @endif
    <x-card class="col-sm-12">
        <x-slot name="title">{{ __('Edit') }} {{ __('Layanan') }}</x-slot>
        @csrf
        @method('PUT')
        <div class="form-group row">
            <x-label class="col-sm-2">{{ __('Invoice') }}</x-label>
            <div class="col-sm-10">
                <x-input id="invoice" readonly class="{{ $errors->has('invoice') ? 'is-invalid' : '' }}" type="text" name="invoice" :value="old('invoice', $banktransfer->invoice->kode)"/>
                @if ($errors->has('invoice'))
                    <small class="error invalid-feedback">{{ $errors->first('invoice') }}</small>
                @endif
            </div>
        </div>
        <div class="form-group row">
            <x-label class="col-sm-2">{{ __('Bank') }}</x-label>
            <div class="col-sm-10">
                <x-input id="bank_name" readonly class="{{ $errors->has('bank_name') ? 'is-invalid' : '' }}" type="text" name="bank_name" :value="old('bank_name', $banktransfer->bank_name)"/>
                @if ($errors->has('bank_name'))
                    <small class="error invalid-feedback">{{ $errors->first('bank_name') }}</small>
                @endif
            </div>
        </div>
        <div class="form-group row">
            <x-label class="col-sm-2">{{ __('Bukti Transfer') }} <span class="text-danger">*</span></x-label>
            <div class="col-sm-10">
                <div class="fileinput fileinput-new" data-provides="fileinput">
                    <div class="fileinput-preview img-thumbnail text-center mb-2" data-trigger="fileinput">
                        @if(!empty($banktransfer->bukti_transfer))
                            <img src="{{ Storage::url($banktransfer->bukti_transfer) }}" width="200">
                        @else
                            <img src="{{ Storage::url(Setting::getSetting('company-logo')) }}" width="200">
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group row">
            <x-label class="col-sm-2">{{ __('Amount') }}</x-label>
            <div class="col-sm-10">
                <x-input id="amount" readonly class="{{ $errors->has('amount') ? 'is-invalid' : '' }}" type="number" name="amount" :value="old('amount', $banktransfer->amount)"/>
                @if ($errors->has('amount'))
                    <small class="error invalid-feedback">{{ $errors->first('amount') }}</small>
                @endif
            </div>
        </div>
        <div class="form-group row">
            <x-label class="col-sm-2">{{ __('Memo') }}</x-label>
            <div class="col-sm-10">
                <textarea class="form-control" readonly name="memo">{{ old('memo', $banktransfer->memo??'') }}</textarea>
                @if ($errors->has('memo'))
                    <small class="error invalid-feedback">{{ $errors->first('memo') }}</small>
                @endif
            </div>
        </div>
        <x-slot name="footer">
            <form method="POST" action="{{ route('admin.banktransfer.update-status', $banktransfer->id) }}">
                @csrf
                @method('put')
                <input type="hidden" value="1" name="status">
                <x-button-link class="float-right ml-2 btn-success update-status">
                    {{ __('Setujui') }}
                </x-button-link>
            </form>
            <form method="POST" action="{{ route('admin.banktransfer.update-status', $banktransfer->id) }}">
                @csrf
                @method('put')
                <input type="hidden" value="2" name="status">
                <x-button-link class="float-right ml-2 btn-danger update-status">
                    {{ __('Tolak') }}
                </x-button-link>
            </form>
        </x-slot>
    </x-card>
</x-app-layout>