@extends('admin.layouts.app')

@push('styles')
    <!-- Include DataTables CSS -->
    @include('datatable.css.data_table_css')
@endpush
@section('container')
    <!-- Page-Title -->
    <div class="row">
        <div class="col-sm-12">
            <div class="page-title-box">
                <div class="float-end">
{{--                    <a href="{{ route('supplier.create') }}" class="btn btn-primary">Create Supplier</a>--}}
                </div>
                <h4 class="page-title">Supplier Payment Edit</h4>
            </div>
            <!--end page-title-box-->
        </div>
        <!--end col-->
    </div>
    <!-- end page title end breadcrumb -->

    <div class="row">
        @if (session('success'))
            <div class="alert alert-info">
                {{ session('success') }}
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">
                {{ session('error') }}
            </div>
        @endif
    </div>
    <div class="row">
        <div class="col-md-12">
            <form id="modal-form" action="{{ route('purchase.supplier_payment.update',['purchasePayment'=>$purchasePayment->id]) }}" method="post" enctype="multipart/form-data" name="modal-form">
                @csrf
            <div class="card">
                <div class="card-body">
                    <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Supplier Name</label>
                                    <input class="form-control" value="{{ $purchasePayment->supplier->name ?? '' }}" id="modal-name" disabled>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Supplier due</label>
                                    <input class="form-control" value="{{ $purchasePayment->supplier->due ?? 0 }}" id="modal-due" disabled>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Payment Type</label>
                                    <select required class="form-control" id="payment_type" name="payment_type">
                                        <option {{ old('payment_type',$purchasePayment->transaction_method) == 1 ? 'selected' : '' }} value="1">Cash</option>
                                        <option {{ old('payment_type',$purchasePayment->transaction_method) == 2 ? 'selected' : '' }} value="2">Bank</option>
                                    </select>
                                    @error('payment_type')
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div id="modal-bank-info">
                                    <div class="form-group">
                                        <label>Bank</label>
                                        <select class="form-control  modal-bank select2" name="bank">
                                            <option value="">Select Bank</option>
                                            @foreach($banks as $bank)
                                                <option {{ old('bank',$purchasePayment->bank_id) == $bank->id ? 'selected' : '' }} value="{{ $bank->id }}">{{ $bank->bank_name }}</option>
                                            @endforeach
                                        </select>
                                        @error('bank')
                                        <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label>Type</label>
                                        <select class="form-control  modal_bank_type" name="bank_type">
                                            <option {{ old('bank_type',$purchasePayment->bank_type) == 1 ? 'selected' : '' }} value="1">Bank Transfer</option>
                                            <option {{ old('bank_type',$purchasePayment->bank_type) == 2 ? 'selected' : '' }} value="2">Cheque</option>
                                        </select>
                                        @error('type')
                                        <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                    <div class="form-group bank_check_area">
                                        <label>Cheque No.</label>
                                        <input class="form-control" type="text" value="{{ old('cheque_no',$purchasePayment->cheque_no) }}" name="cheque_no" placeholder="Enter Cheque No.">
                                        @error('cheque_no')
                                        <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                    <div class="form-group bank_check_area">
                                        <label>Cheque Date</label>
                                        <div class="input-group date">
                                            <div class="input-group-addon">
                                                <i class="fa fa-calendar"></i>
                                            </div>
                                            <input type="date" class="form-control pull-right" id="check_date" name="check_date" value="{{ old('check_date',($purchasePayment->check_date ? \Carbon\Carbon::parse($purchasePayment->check_date)->format('Y-m-d') : '')) }}" autocomplete="off">
                                        </div>
                                        @error('check_date')
                                        <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                        <!-- /.input group -->
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Amount</label>
                                    <input class="form-control" value="{{ old('amount',$purchasePayment->amount) }}" required name="amount" id="amount" placeholder="Enter Amount">
                                    @error('amount')
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Date</label>
                                    <div class="input-group date">
                                        <div class="input-group-addon">
                                            <i class="fa fa-calendar"></i>
                                        </div>
                                        <input type="date" required class="form-control pull-right" id="date" name="date" value="{{ old('date',($purchasePayment->date ? \Carbon\Carbon::parse($purchasePayment->date)->format('Y-m-d') : '')) }}" autocomplete="off">
                                    </div>
                                    @error('date')
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Note</label>
                                    <input class="form-control" value="{{ old('note',$purchasePayment->note) }}" name="note" placeholder="Enter Note">
                                    @error('note')
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                            </div>
                        </div>
                </div>
                <div class="card-footer">
                    <button type="submit" class="btn btn-sm btn-primary" id="modal-btn-pay">Pay Update</button>
                </div>
            </div>
            </form>
        </div>
    </div>

@endsection


@push('scripts')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
    @include('datatable.js.data_table_js')
    {{-- {!! $dataTable->scripts() !!} --}}
    <script>

        $(function () {
            $('#payment_type').change(function () {
                if ($(this).val() == 1) {
                    $('#modal-bank-info').hide();
                } else {
                    $('#modal-bank-info').show();
                }
            });
            $('#payment_type').trigger('change');

            $('.modal_bank_type').change(function () {
                if ($(this).val() == '1') {
                    $('.bank_check_area').hide();
                } else {
                    $('.bank_check_area').show();
                }
            });
            $('.modal_bank_type').trigger('change');

        });
    </script>
@endpush