@extends('../layout/' . $layout)

@section('subhead')
    <title>Atarud MIS - Edit Voucher</title>
    <link href="{{ asset('dist/css/dataTables.min.css') }}" rel="stylesheet">
    <style>
        .form-group {
            margin-top: 10px;
        }

        .control-label {
            margin-top: 45px;
        }
    </style>
@endsection

@section('subcontent')
    <div class="intro-y flex items-center mt-8">
        <h2 class="text-lg font-medium mr-auto">Edit Voucher</h2>
    </div>
    <div class="grid grid-cols-12 gap-6 mt-5">
        <div class="intro-y col-span-12 lg:col-span-6">
            <!-- BEGIN: Basic Notification -->
            <div class="intro-y box">
                <div
                    class="flex flex-col sm:flex-row items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400">
                    <h2 class="font-medium text-base mr-auto">Voucher Informations</h2>

                </div>
                <div id="basic-textual-notification" class="p-5">
                    <div class="preview">
                        <div class="row">
                            <div class="col-md-6">
                                <form action="{{ route('voucher.update', $voucher->id) }}" method="post">
                                    @csrf
                                    @method('patch')
                                    <div class="">
                                        <label class="control-label"> Title </label>
                                        <div class="col-sm-9">
                                            <input type="text" class="form-control" placeholder="Enter Title" name="title"
                                                id="title" value="{{ $voucher->v_title }}" />
                                        </div>
                                    </div>

                                    <div class="">
                                        <label class="control-label"> Description </label>
                                        <div class="col-sm-9">
                                            <input type="text" class="form-control" placeholder="Enter Description" name="description"
                                                id="description" value="{{ $voucher->v_desc }}" />
                                        </div>
                                    </div>

                                <div class="form-group">
                                    <label for="field-2" class="control-label">Debit Account</label>
                                    <div class="col-sm-9">
                                        <select name="account_id" class="form-control" data-validate="required" id="class_id"
                                            data-message-required=" value_required ">
                                            <option value="">Select</option>

                                            @foreach ($accounts as $row)
                                                @if($row->account_type != 'income')
                                                <option value="{{ $row->id }}" @if($row->id == $voucher->account_id) selected @endif>
                                                    {{ $row->name }}
                                                </option>
                                                @endif
                                            @endforeach;

                                        </select>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="field-2" class="control-label">Credit Account</label>
                                    <div class="col-sm-9">
                                        <select name="paid_from_account_id" class="form-control" data-validate="required" id="class_id"
                                            data-message-required=" value_required ">
                                            <option value="">Select</option>

                                            @foreach ($accounts as $row)
                                                @if($row->account_type == 'income' || $row->account_type == 'current_assets')
                                                <option value="{{ $row->id }}" @if($row->id == $voucher->paid_from_account_id) selected @endif>
                                                    {{ $row->name }}
                                                </option>
                                                @endif
                                            @endforeach;

                                        </select>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="control-label"> Date </label>
                                    <div class="col-sm-9">
                                        <input type="date" class="form-control" name="date" id="date" value="{{ $voucher->v_date }}" />
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="control-label">Recieved By </label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" name="v_recieved_by" id="date" value="{{ $voucher->v_recieved_by }}" />
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="control-label"> Paid By </label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" name="v_paid_by" id="date" value="{{ $voucher->v_paid_by }}" />
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="control-label">Approved By </label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" name="v_approved_by" id="date" value="{{ $voucher->v_approved_by }}" />
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>

                </div>
            </div>
            <!-- END: Basic Notification -->
        </div>
        <!-- END: of first box -->

        <div class="intro-y col-span-12 lg:col-span-6">

            <div class="intro-y box">
                <div
                    class="flex flex-col sm:flex-row items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400">
                    <h2 class="font-medium text-base mr-auto">Payments Informations</h2>

                </div>
                <div id="notification-with-avatar" class="p-5">
                    <div class="preview">
                        <div class="">
                            <!-- BEGIN: Notification Content -->
                            <div class="form-group">
                                <label class=" control-label">Total</label>
                                <div class="">
                                    <input type="text" class="form-control" name="amount" id="admission_fee"
                                         value="0" placeholder="Enter Total Amount');?>" value="{{ $voucher->v_title }}" />
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label">Payment</label>
                                <div class="">
                                    <input type="text" class="form-control" name="amount_paid" id="exam_fee"
                                        value="0" placeholder="Enter Total Amount');?>" value="{{ $voucher->v_paid }}" />
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label">Status</label>
                                <div class="">
                                    <select name="status" class="form-control" required>
                                        <option value="">Select Status</option>
                                        <option value="paid" @if($voucher->v_status == 'paid') selected @endif>Paid</option>
                                        <option value="unpaid" @if($voucher->v_status == 'unpaid') selected @endif>Unpaid</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label">Method</label>
                                <div class="">
                                    <select name="method" class="form-control" required>
                                        <option value="">Select Method</option>
                                        <option value="1" @if($voucher->v_payment_method == 'cash') selected @endif>Cash</option>
                                        <option value="2" @if($voucher->v_payment_method == 'check') selected @endif>Check</option>
                                        <option value="3" @if($voucher->v_payment_method == 'card') selected @endif>Card</option>
                                    </select>
                                </div>
                            </div>



                            <div class="col-md-6">

                                <div class="form-group">
                                    <div class="col-sm-5">
                                        <button type="submit" class="btn btn-primary">Edit Voucher</button>
                                    </div>
                                </div>
                            </div>
                        </form>

                        </div>
                    </div>

                </div>
            </div>
            <!-- END: Notification With Avatar -->


        </div>
    </div>
@endsection
@section('script')
<script src="{{ asset('dist/js/jquery.js') }}"></script>

@endsection