@extends('frontend.layouts.app')

@section('content')

    <section class="gry-bg py-4 profile">
        <div class="container">
            <div class="row cols-xs-space cols-sm-space cols-md-space">
                <div class="col-lg-3 d-none d-lg-block">
                    @include('frontend.inc.seller_side_nav')
                </div>

                <div class="col-lg-9">
                    <div class="main-content">
                        <!-- Page title -->
                        <div class="page-title">
                            <div class="row align-items-center">

                                <div class="col-md-6">
                                    <h2 class="heading heading-6 text-capitalize strong-600 mb-0">
                                        {{ translate('Shipment Package info')}}
                                    </h2>
                                </div>
                                <div class="col-md-6">
                                    <div class="float-md-right">
                                        <ul class="breadcrumb">
                                            <li><a href="{{ route('home') }}">{{ translate('Home')}}</a></li>
                                            <li><a href="{{ route('dashboard') }}">{{ translate('Dashboard')}}</a></li>
                                            <li class="active"><a
                                                    href="{{ route('shops.index') }}">{{ translate('Shop Settings')}}</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <form class="" action="{{ route('seller.store.package') }}" method="POST"
                              enctype="multipart/form-data" name="package_form">
                            <input type="hidden" name="orderids" value="{{$orderids}}">
                            <input type="hidden" name="packageQty" value="{{$packageQty}}">
                            <input type="hidden" name="shipping_service" value="{{$shipping_service}}">
                            @csrf
                            <div class="form-box bg-white mt-4">


                                <div class="form-box-content p-3">

                                    <div class="row">
                                        @if($shipping_service == 'other')
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="logistic_name">{{ translate('Logistic Name')}} <span
                                                            class="required-star">*</span></label>
                                                    <input type="text" class="form-control"
                                                           placeholder="Logistic name" name="logistic_name"
                                                           value="{{old('logistic_name')}}" required>
                                                    @error('logistic_name')
                                                    <small class="form-text text-danger">{{ $message }}</small>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label>{{ translate('Track URL')}} <span
                                                            class="required-star">*</span></label>
                                                    <input type="text" class="form-control"
                                                           placeholder="Track url" name="track_url"
                                                           value="{{old('track_url')}}" required>
                                                    @error('track_url')
                                                    <small class="form-text text-danger">{{ $message }}</small>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label>{{ translate('AWB Number')}} <span
                                                            class="required-star">*</span></label>
                                                    <input type="text" class="form-control"
                                                           placeholder="eg awb no 788830567028" name="awb_number"
                                                           value="{{old('awb_number')}}" required>
                                                    @error('awb_number')
                                                    <small class="form-text text-danger">{{ $message }}</small>
                                                    @enderror
                                                </div>
                                            </div>
                                        @endif
                                        @if(in_array($shipping_service, ['Xpressbees','Ecom Express', 'Pickrr','ShipRocket','Nimbus'],true))
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>{{ translate('Actual Weight')}} <span
                                                            class="required-star">*</span></label>
                                                    <input type="number" min="0" step="0.01" class="form-control"
                                                           placeholder="eg for 500 gm enter 500" name="actual_weight"
                                                           value="{{old('actual_weight')}}" required>
                                                    <span class="text-small"><small>Actual Weight is exactly what the product weight including packaging</small></span>
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>{{ translate('Length')}} <span class="required-star">*</span></label>
                                                    <input type="number" min="0" step="0.01" class="form-control"
                                                           placeholder="eg for 100 cm enter 100" name="length"
                                                           value="{{old('length')}}" required>
                                                    <span class="text-small"><small>Package length can be centimeters only</small></span>
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>{{ translate('Breadth')}} <span
                                                            class="required-star">*</span></label>
                                                    <input type="text" min="0" step="0.01" class="form-control mb-3"
                                                           placeholder="eg for 20 cm enter 20" name="breadth"
                                                           value="{{old('breadth')}}" required>
                                                    <span class="text-small"><small>Breadth can be width of the package in centimeters only</small></span>
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>{{ translate('Height')}} <span class="required-star">*</span></label>
                                                    <input type="text" min="0" step="0.01" class="form-control"
                                                           placeholder="eg for 50 cm enter 50" name="height"
                                                           value="{{old('height')}}" required>
                                                    <span class="text-small"><small>Height of the package should be in centimeters only</small></span>
                                                </div>
                                            </div>
                                        @endif

                                        @if($shipping_service == "Xpressbees")
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>{{ translate('BillableWeight')}} <span class="required-star">*</span></label>
                                                    <input type="text" min="0" step="0.01" class="form-control mb-3"
                                                           placeholder="eg for 50 KG enter 50" name="billable_weight"
                                                           value="{{old('billable_weight')}}" required>
                                                    <span class="text-small"><small>The weight unit must be in “kg”s only  inner side of Weight object</small></span>
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>{{ translate('PhyWeight')}} <span
                                                            class="required-star">*</span></label>
                                                    <input type="text" min="0" step="0.01" class="form-control"
                                                           placeholder="eg for 50 KG enter 50" name="phy_weight"
                                                           value="{{old('phy_weight')}}" required>
                                                    <span class="text-small"><small>The weight unit must be in “kg”s only  inner side of Weight object</small></span>
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>{{ translate('VolWeight')}} <span
                                                            class="required-star">*</span></label>
                                                    <input type="text" min="0" step="0.01" class="form-control"
                                                           placeholder="eg for 50 KG enter 50" name="vol_weight"
                                                           value="{{old('vol_weight')}}" required>
                                                    <span class="text-small"><small>The weight unit must be in “kg”s only  inner side of Weight object</small></span>
                                                </div>
                                            </div>
                                        @endif
                                        @if(in_array($shipping_service, ['Xpressbees','Ecom Express', 'Pickrr','ShipRocket','Nimbus'],true))
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{translate('Dg Shipment')}} <span
                                                            class="required-star">*</span></label>
                                                    <select class="form-control demo-select2-placeholder"
                                                            name="dg_shipment" id="managed_id" required>
                                                        <option value="">{{translate('Select')}}</option>
                                                        <option value="true">{{translate('True')}}</option>
                                                        <option value="false">{{translate('False')}}</option>
                                                    </select>
                                                    <span class="text-small"><small>Select true in case shipment package contains any item that is restricted for air travel as per DGCA guidelines Otherwise select false</small></span>
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{translate('Essential product')}}
                                                        <span class="required-star">*</span></label>
                                                    <select class="form-control demo-select2-placeholder"
                                                            name="essential_product" id="managed_id" required>
                                                        <option value="">{{translate('Select')}}</option>
                                                        <option value="yes">{{translate('Yes')}}</option>
                                                        <option value="no">{{translate('No')}}</option>
                                                    </select>
                                                    <span class="text-small"><small>Select Yes in case shipment package contains essential items Otherwise select No</small></span>
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>{{ translate('Packing Type')}} <span
                                                            class="required-star">*</span></label>
                                                    <select class="form-control demo-select2-placeholder"
                                                            name="packing_type" id="" required>
                                                        <option value="">{{translate('Select')}}</option>
                                                        <option value="Box">{{translate('Box')}}</option>
                                                        <option value="Flier">{{translate('Flier')}}</option>
                                                    </select>
                                                    <span class="text-small"><small>Type of packaging either Box or Flier</small></span>
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>{{ translate('Gst E-Way Bill Number')}} <span
                                                            class="required-star">*</span></label>
                                                    <input type="text" class="form-control mb-3" placeholder=""
                                                           name="gst_bill_number" value="{{old('gst_bill_number')}}">
                                                    <span class="text-small"><small>Mandetory if package amount is INR 50,000/ or above</small></span>
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>{{ translate('Pieces')}} <span class="required-star">*</span></label>
                                                    <input type="text" class="form-control mb-3"
                                                           placeholder="eg: if package contains 3 items then enter 3"
                                                           name="pieces" value="{{old('pieces')}}" required>
                                                    <span
                                                        class="text-small"><small>No. of items containing package</small></span>
                                                </div>
                                            </div>
                                        @endif

                                    </div>

                                </div>
                            </div>
                            <div class="text-right mt-4">
                                <button type="submit"
                                        class="btn btn-styled btn-base-1 package_form_save">{{ translate('Save')}}</button>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection


@section('script')
    <style type="text/css">
        input.form-control {
            margin-bottom: 2px;
        }

        .form-group {
            margin-bottom: 1.5rem;
        }

        small, .small {
            font-size: 80%;
        }

        input.form-control {
            background: #ddddddb8;
            border: 1px solid #cccccc9e;
        }

        select {
            background: #ddddddb8 !important;
            border: 1px solid #cccccc9e !important;
        }

        small {
            color: #989494;
        }

        .error {
            color: red;
        }
    </style>
    <script type="text/javascript" src="{{asset('js/jquery.validate.min.js')}}"></script>
    <script type="text/javascript">

        $(document).ready(function () {
            $.validator.setDefaults({
                ignore: ''
            });
        });
        $.validator.addMethod("roles", function (value, elem, param) {
            return $(".roles:checkbox:checked").length > 0;
        }, "You must select at least one!");

        jQuery.validator.addMethod("gstverify", function (value, element) {
            return this.optional(element) || /^([0-9]{2}[A-Z]{5}[0-9]{4}[A-Z]{1}[1-9A-Z]{1}Z[0-9A-Z]{1})+$/i.test(value);
        }, "Please enter valid GST number");

        $('form[name="package_form"]').validate({
            ignore: [],
            debug: false,
            rules: {
                gst_bill_number: {
                    gstverify: true,
                },
            },
            errorPlacement: function (error, element) {
                if (element.is(":checkbox")) {
                    //error.appendTo( element.parents('.errrocontainer') );
                    error.insertAfter(element.closest('td'));
                } else {   // This is the default behavior
                    error.insertAfter(element);
                }
            },

            messages: {
                "package[]": "You must select at least one!",
            },

            submitHandler: function (form) {
                $(".package_form_save").attr("disabled", true);
                form.submit();
            }
        });
    </script>
@endsection