@extends('layouts/contentLayoutMaster')

@section('title', 'Edit Vendor PO')

@section('vendor-style')
<!-- vendor css files -->
<link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/select/select2.min.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('vendors/css/pickers/flatpickr/flatpickr.min.css')) }}">
@endsection

@section('page-style')
<link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/pickers/form-flat-pickr.css')) }}">
<link rel="stylesheet" href="{{ asset('vendors/css/ui/vendor-themes.css') }}">
@endsection

@section('content')

<!-- list start -->
<section class="app-user-list">

    @include('content.partial.form-message')

    <!-- Striped rows start -->
    <div class="row vendorTheme editeVendorPO vendorPO">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Vendor PO Informations</h4>
                    <div class="float-sm-left">
                        <a class="btn btnCustomStyle" href="{{ route('vendor-pos.index') }}" role="button">Return to Vendor POs List</a>
                    </div>
                </div>

                <div class="card-body">
                    <form class="form row" method="POST" action="{{route('vendor-pos.update', ['vendor_po' => $vendor_po->id])}}" enctype="multipart/form-data">
                        @csrf
                        @method('patch')

                        <div class="row firstRow justify-content-between">
                            <!-- First row -->
                            <div class="leftBox col-md-auto">
                                <div class="row">
                                    <div class="col-sm-1 pe-0">
                                        <label class="col-form-label" for="date">Date *</label>
                                        <input type="text" id="date" autocomplete="off" class="form-control" placeholder="{{ date('Y-m-d') }}" name="date" value="{{ old("date", $vendor_po->date) }}" required/>
                                        @error('date')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-sm-1 pe-0 min-width220">
                                        <label class="col-form-label" for="our_po_number">Our PO Number</label>
                                        <input type="text" id="our_po_number" class="form-control @error('our_po_number') is-invalid @enderror" name="our_po_number" placeholder="Our PO Number" value="{{ old('our_po_number', $vendor_po->our_po_number) }}" required disabled/>
                                        @error('our_po_number')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <!-- Second row -->
                                <div class="row">
                                    <div class="col-sm-1 pe-0">
                                        <label class="col-form-label" for="vendor_id">Vendor *</label>
                                        @php
                                        $vendors = \App\Models\Vendor::orderBy('name', 'asc')->get();
                                        if($vendors->count()){
                                        @endphp

                                        <select class="select2 form-select" id="vendor_id" name="vendor_id" required>
                                            <option value="" selected="selected">select</option>
                                            @foreach($vendors as $vendor)
                                            <option value="{{ $vendor->id }}" @if( old("vendor_id", $vendor_po->vendor_id) == $vendor->id ) selected @endif>{{ $vendor->name }}</option>
                                            @endforeach
                                        </select>

                                        @php
                                        }
                                        @endphp

                                        @error('vendor_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-sm-1">
                                        <label class="col-form-label" for="date">EDD *</label>
                                        <input type="text" id="edd" autocomplete="off" class="form-control" placeholder="{{ date('Y-m-d') }}" name="edd" value="{{ old("edd", $vendor_po->edd) }}" required/>
                                        @error('date')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-sm-1 pe-0">
                                        <label class="col-form-label" for="status">Status *</label>
                                        @php
                                        $statuses = ['No Action', 'Ordered', 'PI', 'Payment', 'Receipt', 'AWB', 'Delivered HK', 'Delivered TR', 'Invoiced', 'Cancelled', 'Hold'];
                                        if(!empty($statuses)){
                                        @endphp

                                        <select class="select2 form-select" id="status" name="status" required>
                                            <option value="" selected="selected">select</option>
                                            @foreach($statuses as $status)
                                            <option value="{{ $status }}" @if( old("status", $vendor_po->status) == $status ) selected @endif>{{ $status }}</option>
                                            @endforeach
                                        </select>

                                        @php
                                        }
                                        @endphp

                                        @error('status')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-sm-1 pe-0">
                                        <label class="col-form-label" for="paid_by">Paid By</label>
                                        <input type="text" id="paid_by" class="form-control @error('paid_by') is-invalid @enderror" name="paid_by" placeholder="paid By" value="{{ old('paid_by', $vendor_po->paid_by) }}" />
                                        @error('paid_by')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-sm-auto pe-0">
                                        <label class="col-form-label" for="awb">AWB</label>
                                        <input type="text" id="awb" class="form-control @error('awb') is-invalid @enderror" name="awb" placeholder="AWB" value="{{ old('awb', $vendor_po->awb) }}" />
                                        @error('awb')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <!-- Third row -->
                                <div class="row col-md-10">
                                    <div class="col-md-7 min-width382 pe-0">
                                        <label class="col-form-label" for="ship_to">Ship To</label>
                                        <textarea class="form-control" id="ship_to" rows="4" @error('ship_to') is-invalid @enderror" name="ship_to" placeholder="Ship To">{{ old('ship_to', $vendor_po->ship_to) }}</textarea>
                                        @error('ship_to')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-md-5 pe-0">
                                        <div class="col-sm-auto pe-0 min-width400">
                                            <label class="col-form-label" for="pi_file">PI File</label>
                                            <input class="form-control" type="file" id="pi_file" name="pi_file" />
                                            @error('pi_file')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="col-sm-auto pe-0 min-width400">
                                            <label class="col-form-label" for="payment_file">Payment File</label>
                                            <input class="form-control" type="file" id="payment_file" name="payment_file" />
                                            @error('payment_file')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row rightBox costBox col-md-2">
                                <span class="labelCostBox">Cost</span>
                                <div class="col-sm-1">
                                    <label class="col-form-label" for="freight_cost_1">Freight Cost 1</label>
                                    <input type="text" id="freight_cost_1" class="form-control @error('freight_cost_1') is-invalid @enderror" name="freight_cost_1" placeholder="Freight Cost 1" value="{{ old('freight_cost_1', $vendor_po->freight_cost_1) }}" />
                                    @error('freight_cost_1')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-sm-1">
                                    <label class="col-form-label" for="freight_cost_2">Freight Cost 2</label>
                                    <input type="text" id="freight_cost_2" class="form-control @error('freight_cost_2') is-invalid @enderror" name="freight_cost_2" placeholder="Freight Cost 2" value="{{ old('freight_cost_2', $vendor_po->freight_cost_2) }}" />
                                    @error('freight_cost_2')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-sm-1">
                                    <label class="col-form-label" for="bank_fee">Bank Fee</label>
                                    <input type="text" id="bank_fee" class="form-control @error('bank_fee') is-invalid @enderror" name="bank_fee" placeholder="Bank Fee" value="{{ old('bank_fee', $vendor_po->bank_fee) }}" />
                                    @error('bank_fee')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-sm-1">
                                    <label class="col-form-label" for="avb_fee">AVB Fee</label>
                                    <input type="text" id="avb_fee" class="form-control @error('avb_fee') is-invalid @enderror" name="avb_fee" placeholder="AVB Fee" value="{{ old('avb_fee', $vendor_po->avb_fee) }}" />
                                    @error('avb_fee')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row lastRow">
                            <div class="col-md-12 align-self-end mt-2 text-end">
                                <button type="submit" class="btn btn-primary me-1" onclick="this.form.submit()">Edit</button>
                                <a class="btn btn-outline-secondary" href="{{url()->current()}}" role="button">Reset</a>
                            </div>
                        </div>


                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- Striped rows end -->
</section>
<!-- list ends -->
@endsection

@section('vendor-script')
<!-- vendor files -->
<script src="{{ asset(mix('vendors/js/forms/select/select2.full.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/pickers/flatpickr/flatpickr.min.js')) }}"></script>
@endsection

@section('page-script')
<!-- Page js files -->
<script src="{{ asset(mix('js/scripts/forms/form-select2.js')) }}"></script>

<script>
    $('#date').flatpickr();
    $('#edd').flatpickr();
</script>
@endsection