@extends('layout.default')

@section('styles')@endsection
@section('subheaderRightToolbar')
    @PermissionsCan(groupPermissionName('deliverycertificate.index'))
    <a href="{{ route('deliverycertificate.index') }}"
       class="btn btn-light-primary font-weight-bolder mr-2">
        <i class="ki ki-long-arrow-back icon-sm"></i>Back(ESC)</a>
    @endPermissionsCan
    @PermissionsCan(groupPermissionName('deliverycertificate.store'))
    <div class="btn-group">
        <button type="submit" class="btn btn-primary font-weight-bolder" form="deliverycertificate_form">
            <i class="ki ki-check icon-sm"></i><u>S</u>ave & Continue
        </button>
    </div>
    @endPermissionsCan
@endsection
@section('content')
    <div class="card card-custom card-sticky" id="kt_page_sticky_card">
        <div class="card-body" id="load-section-js">
            <form class="form" id="deliverycertificate_form" data-method="post"
                  data-url="{{ route('deliverycertificate.store') }}">
                <div class="row">
                    <div class="col-xl-2"></div>
                    <div class="col-xl-12">
                        <div class="my-5">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group d-flex flex-column">
                                        <label for="customer_id">Party<b class="text-danger">*</b></label>
                                        <div class="btn-group">
                                            <select name="customer_id" id="customer_id"
                                                    class="form-control form-control-lg party_type-select2-js"
                                                    data-action="{{ route('customer.autocomplete') }}"
                                                    data-placeholder="select">
                                            </select>
                                            <a href="{{ route('customer.create') }}" target="_blank"
                                               class="btn btn-primary btn-sm"
                                               type="submit"><i class="flaticon-plus"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <label for="delivery_certificate_date">Delivery Certificate Date<b class="text-danger">*</b></label>
                                    <div class="input-group">
                                        <input class="form-control form-control-lg"
                                               type="date"
                                               name="delivery_certificate_date"
                                               id="delivery_certificate_date" placeholder=""
                                               value=""/>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <label for="enquiry_no">Enquiry No<b class="text-danger">*</b></label>
                                    <div class="input-group">
                                        <input class="form-control form-control-lg"
                                               type="text"
                                               name="enquiry_no"
                                               id="enquiry_no" placeholder=""
                                               value=""/>
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-md-4">
                                    <label for="delivery_date">Delivery Date<b class="text-danger">*</b></label>
                                    <div class="input-group">
                                        <input class="form-control form-control-lg"
                                               type="date"
                                               name="delivery_date"
                                               id="delivery_date" placeholder=""
                                               value=""/>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group d-flex flex-column">
                                        <label for="zone_id">Zone<b class="text-danger">*</b></label>
                                        <div class="btn-group">
                                            <select name="zone_id" id="zone_id"
                                                    class="form-control form-control-lg zone-select2-js"
                                                    data-action="{{ route('zone.autocomplete') }}"
                                                    data-placeholder="select Location">
                                            </select>
                                            <a href="{{ route('zone.create') }}" target="_blank"
                                               class="btn btn-primary btn-sm"
                                               type="submit"><i class="flaticon-plus"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group d-flex flex-column">
                                        <label for="location_id">Location<b class="text-danger">*</b></label>
                                        <div class="btn-group">
                                            <select name="location_id" id="location_id"
                                                    data-depended="zone_id"
                                                    class="form-control form-control-lg location-select2-js"
                                                    data-action="{{ route('get_zone_location.autocomplete') }}"
                                                    data-placeholder="select Location">
                                            </select>
                                            <a href="{{ route('location.create') }}" target="_blank"
                                               class="btn btn-primary btn-sm"
                                               type="submit"><i class="flaticon-plus"></i></a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="form-group d-flex flex-column">
                                        <label for="distributor_id">Dealer/Distributor<b class="text-danger">*</b></label>
                                        <div class="btn-group">
                                            <select name="distributor_id" id="distributor_id"
                                                    class="form-control form-control-lg location_distributor_customer-select2-js"
                                                    data-depended="location_id"
                                                    data-action="{{ route('customer.location_distributor_customer_autocomplete') }}"
                                                    data-placeholder="Select Dealer/Distributor">
                                            </select>
                                            <a href="{{ route('customer.create') }}" target="_blank"
                                               class="btn btn-primary btn-sm"
                                               type="submit"><i class="flaticon-plus"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12 mb-2">
                                    <div class="accordion accordion-toggle-arrow" id="accordionExample1">
                                        <div class="card">
                                            <div class="card-header">
                                                <div class="card-title" data-toggle="collapse"
                                                     data-target="#collapseOne1">
                                                    Prospect Details
                                                </div>
                                            </div>
                                            <div id="collapseOne1" class="collapse show"
                                                 data-parent="#accordionExample1">
                                                <div class="card-body">
                                                    <div class="row">
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label for="full_name">Full Name <b class="text-danger">*</b></label>
                                                                <input class="form-control form-control-solid"
                                                                       type="text"
                                                                       name="full_name"
                                                                       id="full_name"
                                                                       placeholder="Enter Full Name" autofocus/>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label for="email">Email <b class="text-danger">*</b></label>
                                                                <input class="form-control form-control-solid"
                                                                       type="text"
                                                                       name="email"
                                                                       id="email"
                                                                       placeholder="Enter Email" autofocus/>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label for="father_name">Father's Name <b class="text-danger">*</b></label>
                                                                <input class="form-control form-control-solid"
                                                                       type="text"
                                                                       name="father_name"
                                                                       id="father_name"
                                                                       placeholder="Enter Father's Name" autofocus/>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label  for="village">Village <b class="text-danger">*</b></label>
                                                                <input class="form-control form-control-solid"
                                                                       type="text"
                                                                       name="village"
                                                                       id="village"
                                                                       placeholder="Enter Village" autofocus/>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label  for="contact_number_1">Contact Number 1 <b class="text-danger">*</b></label>
                                                                <input class="form-control form-control-solid"
                                                                       type="text"
                                                                       name="contact_number_1"
                                                                       id="contact_number_1"
                                                                       placeholder="Enter Contact Number 1" autofocus/>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label  for="contact_number_2">Contact Number 2 <b class="text-danger">*</b></label>
                                                                <input class="form-control form-control-solid"
                                                                       type="text"
                                                                       name="contact_number_2"
                                                                       id="contact_number_2"
                                                                       placeholder="Enter Contact Number 2" autofocus/>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label  for="tehsil">Tehsil <b class="text-danger">*</b></label>
                                                                <input class="form-control form-control-solid"
                                                                       type="text"
                                                                       name="tehsil"
                                                                       id="tehsil"
                                                                       placeholder="Enter Tehsil" autofocus/>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label  for="district">District <b class="text-danger">*</b></label>
                                                                <input class="form-control form-control-solid"
                                                                       type="text"
                                                                       name="district"
                                                                       id="district"
                                                                       placeholder="Enter District" autofocus/>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label for="country">Country <b class="text-danger">*</b></label>
                                                                <input class="form-control form-control-solid"
                                                                       type="text"
                                                                       name="country"
                                                                       id="country"
                                                                       placeholder="Enter Country" autofocus/>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label for="pincode">PinCode <b class="text-danger">*</b></label>
                                                                <input class="form-control form-control-solid"
                                                                       type="text"
                                                                       name="pincode"
                                                                       id="pincode"
                                                                       placeholder="Enter PinCode" autofocus/>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label for="billing_address">Billing Address <b class="text-danger">*</b></label>
                                                                <textarea class="form-control form-control-solid"
                                                                          name="billing_address"
                                                                          id="billing_address" rows="1"
                                                                          placeholder="Enter Billing Address"></textarea>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label for="customer_address">Customer Address <b class="text-danger">*</b></label>
                                                                <textarea class="form-control form-control-solid"
                                                                          name="customer_address"
                                                                          id="customer_address" rows="1"
                                                                          placeholder="Enter Customer Address"></textarea>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label for="dc_address" >DC Address <b class="text-danger">*</b></label>
                                                                <textarea class="form-control form-control-solid"
                                                                          name="dc_address"
                                                                          id="dc_address" rows="1"
                                                                          placeholder="Enter DC Address"></textarea>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <br>

                                        <div class="card">
                                            <div class="card-header">
                                                <div class="card-title collapsed" data-toggle="collapse"
                                                     data-target="#collapseTwo1">
                                                    Material Details
                                                </div>
                                            </div>
                                            <div id="collapseTwo1" class="collapse show" data-parent="#accordionExample1">
                                                <div class="card-body">
                                                    <div class="row">
                                                        <div class="col-md-4">
                                                            <div class="form-group d-flex flex-column">
                                                                <label for="material_id">Material<b class="text-danger">*</b></label>
                                                                <div class="btn-group">
                                                                    <select name="material_id" id="material_id"
                                                                            class="form-control form-control-lg material-select2-js"
                                                                            data-action="{{ route('material.autocomplete') }}"
                                                                            data-placeholder="Select Material">
                                                                    </select>
                                                                    <a href="{{ route('material.create') }}" target="_blank"
                                                                       class="btn btn-primary btn-sm"
                                                                       type="submit"><i class="flaticon-plus"></i></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label  for="quantity">Quantity </label>
                                                                <input class="form-control form-control-solid"
                                                                       name="quantity"
                                                                       id="quantity" placeholder="Enter Quantity">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label  for="expected_installation_date">Expected Installation Date</label>
                                                                <input class="form-control form-control-solid"
                                                                       name="expected_installation_date"
                                                                       id="expected_installation_date" placeholder="Enter Expected Installation Date">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label  for="warranty_date">Warranty Expiry Date</label>
                                                                <input class="form-control form-control-solid"
                                                                       name="warranty_date"
                                                                       id="warranty_date" placeholder="Enter Warranty Expiry Date">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label  for="no_of_free_service">No. of Free Service</label>
                                                                <input class="form-control form-control-solid"
                                                                       name="no_of_free_service"
                                                                       id="no_of_free_service" placeholder="Enter No. of Free Service">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label  for="serial_no">Serial No.</label>
                                                                <input class="form-control form-control-solid"
                                                                       name="serial_no"
                                                                       id="serial_no" placeholder="Enter No. of Free Service">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label  for="gear_pair">Gear pair</label>
                                                                <input class="form-control form-control-solid"
                                                                       name="gear_pair"
                                                                       id="gear_pair" placeholder="Enter Gear pair">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label  for="tractor_make_model">Tractor Make/Model</label>
                                                                <input class="form-control form-control-solid"
                                                                       name="tractor_make_model"
                                                                       id="tractor_make_model" placeholder="Enter Tractor Make/Model">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <br>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2"></div>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('scripts')
    <script type="text/javascript" src="{{ asset('js/modules/deliverycertificate/create.js?v='.time()) }}"></script>
@endsection