@extends('layouts/contentLayoutMaster')

@section('title', 'Add New 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 addVendorPO vendorPO">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">New Vendor PO Informations</h4>
                        <div class="float-sm-left mt-sm-0 mt-2">
                            <a class="btn btn-primary" href="{{ route('vendor-pos.index') }}" role="button">Return to Vendor POs List</a>
                        </div>
                    </div>

                    <div class="card-body">

                        <form class="form" method="POST" action="{{route('vendor-pos.store')}}" enctype="multipart/form-data">
                            @csrf
                            <div class="row firstRow justify-content-between">
                                <div class="leftBox col-md-10 row">
                                    <div class="col-sm-1 align-self-center">
                                        <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", request()->input("date")) ? old("date", request()->input("date")) : date('Y-m-d') }}" required/>
                                        @error('date')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-sm-1 align-self-center">
                                        <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", request()->input("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 align-self-center">
                                        <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", request()->input("edd")) ? old("edd", request()->input("edd")) : date('Y-m-d') }}" required/>
                                        @error('edd')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-sm-1 align-self-center">
                                        <label class="col-form-label" for="status">Status *</label>
                                        @php
                                        $default_status = request()->input("status") ? request()->input("status") : "No Action";
                                        $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", $default_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 align-self-center">
                                        <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', request()->input('paid_by')) }}" />
                                        @error('paid_by')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-sm-auto  align-self-center">
                                        <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="Our" value="{{ old('awb', request()->input('awb')) }}" />
                                        @error('awb')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-sm-10 row">
                                        <div class="col-sm-8 ">
                                            <label class="col-form-label" for="ship_to">Ship To</label>
                                            @php
                                            $ship_to_default = request()->input('ship_to') ? request()->input('ship_to') :
                                            "ROOM 08, 8/F,BLOCK D, CHUNG HING IND. MANSIONS, 
                                            2-4 LUK HOP ST., SAN PO KONG, KOWLOON, HONG KONG.
                                            ATTN: DORIS      / TEL: 852 6393 9288
                                            Warehousing Ref.: 224-WPI";
                                            @endphp
                                            <textarea class="form-control" id="ship_to" rows="5" @error('ship_to') is-invalid @enderror" name="ship_to" placeholder="Ship To">{{ old('ship_to', $ship_to_default) }}</textarea>
                                            @error('ship_to')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="col-sm-4 align-self-center">
                                            <div class="col-sm-auto min-width260">
                                                <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 class="col-sm-auto min-width260">
                                                <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>
                                    </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', request()->input('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', request()->input('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', request()->input('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', request()->input('avb_fee')) }}" />
                                        @error('avb_fee')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-12 row">

                                    <div class="col-md-4 end-form-btn ms-auto text-end mt-2 align-self-end pe-md-0">
                                        <button type="submit" class="btn btn-primary me-1" onclick="this.form.submit()">Submit</button>
                                        <a class="btn btn-outline-secondary" href="{{url()->current()}}" role="button">Reset</a>
                                    </div>
                                </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