@php
    $firm_types = [
        'Partnership' => 'Partnership',
        'Proprietorship' => 'Proprietorship',
        'PVT LTD' => 'PVT LTD',
    ];
    $state_list = $state->pluck('state_name', 'id') ?? [];
@endphp

@extends('admin.layouts.layouts')

@section('title', 'Create | Transport Management')

@section('page-css')
    <style>
        ul.token-input-list-facebook {
            border: 1px solid #e0e0ef;
            min-height: 47px;
        }

        .owner_details {
            border: 2px solid #ccc;
            border-radius: 10px;
            padding: 15px;
            margin-bottom: 15px;
        }
    </style>
@endsection

@section('content')
    <div class="page-header">
        <h3 class="page-title">Create Transport Management</h3>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{ route('transporter.index') }}">Transporter Management </a></li>
                <li class="breadcrumb-item active" aria-current="page">Create</li>
            </ol>
        </nav>
    </div>

    <div class="card">
        {!! Form::open([
            'route' => 'transporter.store',
            'method' => 'POST',
            'id' => 'transporter_create_form',
            'class' => 'forms-sample',
            'enctype' => 'multipart/form-data',
        ]) !!}

        @csrf
        <input type="hidden" name="transporter_code" value="TC{{ time() }}">

        <div class="card-body">
            {{-- Basic Details --}}
            <div class="row">
                <div class="col-md-12">
                    <h4 class="card-title"><strong>Basic Details</strong></h4>
                </div>
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('transporter_name', 'Transporter Name', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('transporter_name', old('transporter_name'), [
                                    'id' => 'transporter_name',
                                    'class' => 'form-control onlytxt',
                                    'placeholder' => 'Enter Transporter Name',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-maxlength' => '100',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter transporter name.',
                                    'data-parsley-maxlength-message' => 'Transporter name may not be greater than 100 characters.',
                                ]) !!}
                                <span class="text-danger"
                                    id="transporter_name_error">{{ $errors->first('transporter_name') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('mobile_number', 'Mobile Number', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('mobile_number', old('mobile_number'), [
                                    'id' => 'mobile_number',
                                    'class' => 'form-control mobile',
                                    'placeholder' => 'Enter Mobile Number',
                                    'maxLength' => '10',
                                    'data-parsley-type' => 'digits',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-maxlength' => '10',
                                    'data-parsley-required' => 'required',
                                    'oninput' => 'this.value=this.value.slice(0,this.maxLength)',
                                    'data-parsley-required-message' => 'Please enter mobile number.',
                                    'data-parsley-type-message=' > 'Please enter valid mobile number.',
                                    'data-parsley-maxlength-message' => 'Mobile number may not be greater than 10 digits.',
                                ]) !!}
                                <span class="text-danger"
                                    id="mobile_number_error">{{ $errors->first('mobile_number') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('email', 'Email', ['class' => 'form-label']) !!}
                                {!! Form::text('email', old('email'), [
                                    'id' => 'email',
                                    'class' => 'form-control',
                                    'placeholder' => 'Enter Email',
                                    'data-parsley-type' => 'email',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-type-message' => 'Please enter valid email address.',
                                ]) !!}
                                <span class="text-danger" id="email_error">{{ $errors->first('email') }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('contact_person_name', 'Contact Person', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('contact_person_name', old('contact_person_name'), [
                                    'id' => 'contact_person_name',
                                    'class' => 'form-control onlytxt',
                                    'placeholder' => 'Enter Contact Person',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-maxlength' => '100',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter contact person name.',
                                    'data-parsley-maxlength-message' => 'Contact person name may not be greater than 100 characters.',
                                ]) !!}
                                <span class="text-danger"
                                    id="contact_person_name_error">{{ $errors->first('contact_person_name') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('contact_mobile_number', 'Contact Person Mobile', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('contact_mobile_number', old('contact_mobile_number'), [
                                    'id' => 'contact_mobile_number',
                                    'class' => 'form-control mobile',
                                    'placeholder' => 'Enter Contact Person Mobile Number',
                                    'maxLength' => '10',
                                    'data-parsley-type' => 'digits',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-maxlength' => '10',
                                    'data-parsley-required' => 'required',
                                    'oninput' => 'this.value=this.value.slice(0,this.maxLength)',
                                    'data-parsley-required-message' => 'Please enter contact person mobile number.',
                                    'data-parsley-type-message=' > 'Please enter valid contact person mobile number.',
                                    'data-parsley-maxlength-message' => 'Contact person mobile number may not be greater than 10 digits.',
                                ]) !!}
                                <span class="text-danger"
                                    id="contact_mobile_number_error">{{ $errors->first('contact_mobile_number') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('state', 'State', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select('state', $state_list, old('state'), [
                                    'id' => 'state',
                                    'class' => 'form-control stateSelect',
                                    'placeholder' => 'Select State',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please select state.',
                                    'data-parsley-errors-container' => '#state_error',
                                ]) !!}
                                <span class="text-danger" id="state_error">{{ $errors->first('state') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('district', 'District', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select('district', [], old('district'), [
                                    'id' => 'district',
                                    'class' => 'form-control districtSelect',
                                    'placeholder' => 'Select District',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please select district.',
                                    'data-parsley-errors-container' => '#district_error',
                                ]) !!}
                                <span class="text-danger" id="district_error">{{ $errors->first('district') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('taluka', 'Taluka', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select('taluka', [], old('taluka'), [
                                    'id' => 'taluka',
                                    'class' => 'form-control talukaSelect',
                                    'placeholder' => 'Select Taluka',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please select taluka.',
                                    'data-parsley-errors-container' => '#taluka_error',
                                ]) !!}
                                <span class="text-danger" id="taluka_error">{{ $errors->first('taluka') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('city', 'City', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select('city', [], old('city'), [
                                    'id' => 'city',
                                    'class' => 'form-control citySelect',
                                    'placeholder' => 'Select City',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please select city.',
                                    'data-parsley-errors-container' => '#city_error',
                                ]) !!}
                                <span class="text-danger" id="city_error">{{ $errors->first('city') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('pincode', 'Pincode', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('pincode', old('pincode'), [
                                    'id' => 'pincode',
                                    'class' => 'form-control pinCode',
                                    'placeholder' => 'Enter Pincode',
                                    'data-parsley-type' => 'number',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-length' => '[6, 6]',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-pattern' => '^[0-9]{6}$',
                                    'data-parsley-required-message' => 'Please enter pincode.',
                                    'data-parsley-type-message' => 'Please enter valid pincode.',
                                    'data-parsley-length-message' => 'Pincode must be exactly 6 digits.',
                                    'data-parsley-pattern-message' => 'Please enter a valid 6-digit pincode.',
                                ]) !!}
                                <span class="text-danger" id="pincode_error">{{ $errors->first('pincode') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('pickup_states', 'Pick Up States', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('pickup_states[]', old('pickup_states'), [
                                    'id' => 'pickup_states',
                                    'class' => 'form-control',
                                    'placeholder' => 'Select Pick Up States',
                                    'autocomplete' => 'off',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-errors-container' => '#pickup_states_error',
                                    'data-parsley-required-message' => 'Please select pick up states.',
                                ]) !!}
                                <span class="text-danger"
                                    id="pickup_states_error">{{ $errors->first('pickup_states') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('pickup_districts', 'Pick Up Districts', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                <div>
                                    {!! Form::text('pickup_districts[]', old('pickup_districts'), [
                                        'id' => 'pickup_districts',
                                        'class' => 'form-control',
                                        'placeholder' => 'Select Pick Up Districts',
                                        'autocomplete' => 'off',
                                        'data-parsley-trigger' => 'keyup',
                                        'data-parsley-required' => 'required',
                                        'data-parsley-errors-container' => '#pickup_districts_error',
                                        'data-parsley-required-message' => 'Please select pick up districts.',
                                    ]) !!}
                                </div>
                                <span class="text-danger"
                                    id="pickup_districts_error">{{ $errors->first('pickup_districts') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('address', 'Address', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::textarea('address', old('address'), [
                                    'id' => 'address',
                                    'rows' => '4',
                                    'max-length' => '200',
                                    'class' => 'form-control',
                                    'placeholder' => 'Enter Address',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter address.',
                                ]) !!}
                                <span class="text-danger" id="address_error">{{ $errors->first('address') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('tin_no', 'TAN Number', ['class' => 'form-label']) !!}
                                {!! Form::text('tin_no', old('tin_no'), [
                                    'id' => 'tin_no',
                                    'class' => 'form-control capital_and_number',
                                    'placeholder' => 'Enter TAN Number',
                                ]) !!}
                                <span class="text-danger" id="tin_no_error">{{ $errors->first('tin_no') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('tin_file', 'TAN File', ['class' => 'form-label']) !!}
                                {!! Form::file('tin_file', [
                                    'id' => 'tin_file',
                                    'class' => 'form-control',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-filetype' => 'pdf,png,jpg,jpeg',
                                    'data-parsley-filetype-message' => 'Only .pdf, .png, .jpg and .jpeg files are allowed.',
                                ]) !!}
                                <span class="text-danger" id="tin_file_error">{{ $errors->first('tin_file') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('agreement_document', 'Agreement Document', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::file('agreement_document', [
                                    'id' => 'agreement_document',
                                    'class' => 'form-control',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-filetype' => 'pdf,png,jpg,jpeg',
                                    'data-parsley-required-message' => 'Please upload agreement document.',
                                    'data-parsley-filetype-message' => 'Only .pdf, .png, .jpg and .jpeg files are allowed.',
                                ]) !!}
                                <span class="text-danger"
                                    id="agreement_document_error">{{ $errors->first('agreement_document') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('start_date', 'Start Date', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('start_date', old('start_date'), [
                                    'id' => 'start_date',
                                    'class' => 'form-control startDate',
                                    'placeholder' => 'Select Start Date',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please select start date.',
                                ]) !!}
                                <span class="text-danger" id="start_date_error">{{ $errors->first('start_date') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('end_date', 'End Date', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('end_date', old('end_date'), [
                                    'id' => 'end_date',
                                    'class' => 'form-control endDate',
                                    'placeholder' => 'Select End Date',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please select end date.',
                                ]) !!}
                                <span class="text-danger" id="end_date_error">{{ $errors->first('end_date') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('rate_per_kg', 'Rate Per KG', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::number('rate_per_kg', old('rate_per_kg'), [
                                    'id' => 'rate_per_kg',
                                    'class' => 'form-control',
                                    'placeholder' => 'Select Rate Per KG',
                                    'data-parsley-type' => 'number',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-type-message' => 'Please enter valid number.',
                                    'data-parsley-required-message' => 'Please enter rate per KG.',
                                ]) !!}
                                <span class="text-danger"
                                    id="rate_per_kg_error">{{ $errors->first('rate_per_kg') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('firm_type', 'Firm Type', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select('firm_type', $firm_types, old('firm_type'), [
                                    'id' => 'firm_type',
                                    'class' => 'form-control',
                                    'placeholder' => 'Select Firm Type',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please select firm type.',
                                ]) !!}
                                <span class="text-danger" id="firm_type_error">{{ $errors->first('firm_type') }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Partnership Deed --}}
            <hr id="partnership_details_hr" style="display: none;">
            <div class="row mt-4" id="partnership_details" style="display: none;">
                <div class="col-md-12">
                    <h4 class="card-title"><strong>Partnership Deed Details</strong></h4>
                </div>
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('document_number', 'Deed Document Number', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('document_number', old('document_number'), [
                                    'id' => 'document_number',
                                    'class' => 'form-control',
                                    'placeholder' => 'Enter Deed Document Number',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter document number.',
                                ]) !!}
                                <span class="text-danger">{{ $errors->first('document_number') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('document', 'Deed Document', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::file('document', [
                                    'id' => 'document',
                                    'class' => 'form-control',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-filetype' => 'pdf,jpg,jpeg,png',
                                    'data-parsley-required-message' => 'Please upload document.',
                                    'data-parsley-filetype-message' => 'Only PDF, JPG, JPEG and PNG files are allowed.',
                                ]) !!}
                                <span class="text-danger">{{ $errors->first('document') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('date_of_birth', 'Date of Birth', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('date_of_birth', old('date_of_birth'), [
                                    'id' => 'date_of_birth',
                                    'class' => 'form-control date',
                                    'placeholder' => 'Select Date of Birth',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please select date of birth.',
                                ]) !!}
                                <span class="text-danger">{{ $errors->first('date_of_birth') }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('firm_reg_date', 'Firm Reg. Date', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('firm_reg_date', old('firm_reg_date'), [
                                    'id' => 'firm_reg_date',
                                    'class' => 'form-control date',
                                    'placeholder' => 'Select Firm Registration Date',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please select firm registration date.',
                                ]) !!}
                                <span class="text-danger">{{ $errors->first('firm_reg_date') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('firm_reg_number', 'Firm Reg. Number', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('firm_reg_number', old('firm_reg_number'), [
                                    'id' => 'firm_reg_number',
                                    'class' => 'form-control',
                                    'placeholder' => 'Enter Firm Reg. Number',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter firm registration number.',
                                ]) !!}
                                <span class="text-danger">{{ $errors->first('firm_reg_number') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('gst_number', 'GST Number', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('gst_number', old('gst_number'), [
                                    'id' => 'gst_number',
                                    'class' => 'form-control gstNumber',
                                    'placeholder' => 'Enter GST Number',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter GST number.',
                                    'data-parsley-pattern-message' => 'Please enter valid GST number.',
                                    'data-parsley-pattern' => '^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z]{1}[1-9A-Z]{1}Z[0-9A-Z]{1}$',
                                ]) !!}
                                <span class="text-danger">{{ $errors->first('gst_number') }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('gst_document', 'GST Document', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::file('gst_document', [
                                    'id' => 'gst_document',
                                    'class' => 'form-control',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-filetype' => 'pdf,jpg,jpeg,png',
                                    'data-parsley-required-message' => 'Please upload GST document.',
                                    'data-parsley-filetype-message' => 'Only PDF, JPG, JPEG and PNG files are allowed.',
                                ]) !!}
                                <span class="text-danger">{{ $errors->first('gst_document') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('authority_letter_doc', 'Authority Letter Document', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::file('authority_letter_doc', [
                                    'id' => 'authority_letter_doc',
                                    'class' => 'form-control',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-filetype' => 'pdf,jpg,jpeg,png',
                                    'data-parsley-required-message' => 'Please upload letter document.',
                                    'data-parsley-filetype-message' => 'Only PDF, JPG, JPEG and PNG files are allowed.',
                                ]) !!}
                                <span class="text-danger">{{ $errors->first('authority_letter_doc') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('partner_udhyam_reg_no', 'Udhyam Reg.(MSME) No.', ['class' => 'form-label']) !!}
                                {!! Form::text('partner_udhyam_reg_no', old('partner_udhyam_reg_no'), [
                                    'id' => 'partner_udhyam_reg_no',
                                    'class' => 'form-control',
                                    'placeholder' => 'Enter Udhyam Reg. Number',
                                ]) !!}
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('partner_udhyam_reg_document', 'Udhyam Reg.(MSME) Document', ['class' => 'form-label']) !!}
                                {!! Form::file('partner_udhyam_reg_document', [
                                    'id' => 'partner_udhyam_reg_document',
                                    'class' => 'form-control',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-filetype' => 'pdf,jpg,jpeg,png',
                                    'data-parsley-filetype-message' => 'Only PDF, JPG, JPEG and PNG files are allowed.',
                                ]) !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Firm Registration --}}
            <hr id="firm_registration_hr" style="display: none;">
            <div class="row mt-4" id="firm_registration" style="display: none;">
                <div class="col-md-12">
                    <h4 class="card-title"><strong>Firm Registration Details</strong></h4>
                </div>
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('firm_number', 'Firm Number', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('firm_number', old('firm_number'), [
                                    'id' => 'firm_number',
                                    'class' => 'form-control',
                                    'placeholder' => 'Enter Firm Number',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter firm number.',
                                ]) !!}
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('firm_registration_date', 'Firm Reg. Date', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('firm_registration_date', old('firm_registration_date'), [
                                    'id' => 'firm_registration_date',
                                    'class' => 'form-control date',
                                    'placeholder' => 'Select Firm Registration Date',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please select firm registration date.',
                                ]) !!}
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('firm_document', 'Document', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::file('firm_document', [
                                    'id' => 'firm_document',
                                    'class' => 'form-control',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-filetype' => 'pdf,jpg,jpeg,png',
                                    'data-parsley-required-message' => 'Please upload document.',
                                    'data-parsley-filetype-message' => 'Only PDF, JPG, JPEG and PNG files are allowed.',
                                ]) !!}
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('udhyam_reg_no', 'Udhyam Reg.(MSME) No.', ['class' => 'form-label']) !!}
                                {!! Form::text('udhyam_reg_no', old('udhyam_reg_no'), [
                                    'id' => 'udhyam_reg_no',
                                    'class' => 'form-control',
                                    'placeholder' => 'Enter Udhyam Reg. Number',
                                ]) !!}
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('udhyam_reg_document', 'Udhyam Reg.(MSME) Document', ['class' => 'form-label']) !!}
                                {!! Form::file('udhyam_reg_document', [
                                    'id' => 'udhyam_reg_document',
                                    'class' => 'form-control',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-filetype' => 'pdf,jpg,jpeg,png',
                                    'data-parsley-filetype-message' => 'Only PDF, JPG, JPEG and PNG files are allowed.',
                                ]) !!}
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('firm_gst_number', 'GST Number', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('firm_gst_number', old('firm_gst_number'), [
                                    'id' => 'firm_gst_number',
                                    'class' => 'form-control gstNumber',
                                    'placeholder' => 'Enter GST Number',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter GST number.',
                                    'data-parsley-pattern-message' => 'Please enter valid GST number.',
                                    'data-parsley-pattern' => '^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z]{1}[1-9A-Z]{1}Z[0-9A-Z]{1}$',
                                ]) !!}
                                <span class="text-danger">{{ $errors->first('firm_gst_number') }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('firm_gst_document', 'GST Document', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::file('firm_gst_document', [
                                    'id' => 'firm_gst_document',
                                    'class' => 'form-control',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-filetype' => 'pdf,jpg,jpeg,png',
                                    'data-parsley-required-message' => 'Please upload GST document.',
                                    'data-parsley-filetype-message' => 'Only PDF, JPG, JPEG and PNG files are allowed.',
                                ]) !!}
                                <span class="text-danger">{{ $errors->first('firm_gst_document') }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- PVT LTD Details --}}
            <hr id="pvt_ltd_details_hr" style="display: none;">
            <div class="row mt-4" id="pvt_ltd_details" style="display: none;">
                <div class="col-md-12">
                    <h4 class="card-title"><strong>PVT LTD Details</strong></h4>
                </div>
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('memorandum_article', 'Memorandum of Article', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('memorandum_article', old('memorandum_article'), [
                                    'id' => 'memorandum_article',
                                    'class' => 'form-control',
                                    'placeholder' => 'Enter Memorandum of Article',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter memorandum of article.',
                                ]) !!}
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('pvt_ltd_document', 'Document', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::file('pvt_ltd_document', [
                                    'id' => 'pvt_ltd_document',
                                    'class' => 'form-control',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-filetype' => 'pdf,jpg,jpeg,png',
                                    'data-parsley-required-message' => 'Please upload document.',
                                    'data-parsley-filetype-message' => 'Only PDF, JPG, JPEG and PNG files are allowed.',
                                ]) !!}
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('roc_number', 'ROC Number', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('roc_number', old('roc_number'), [
                                    'id' => 'roc_number',
                                    'class' => 'form-control',
                                    'placeholder' => 'Enter ROC Number',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter ROC number.',
                                ]) !!}
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('roc_document', 'ROC Document', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::file('roc_document', [
                                    'id' => 'roc_document',
                                    'class' => 'form-control',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-filetype' => 'pdf,jpg,jpeg,png',
                                    'data-parsley-required-message' => 'Please upload ROC document.',
                                    'data-parsley-filetype-message' => 'Only PDF, JPG, JPEG and PNG files are allowed.',
                                ]) !!}
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('din_number', 'DIN Number', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('din_number', old('din_number'), [
                                    'id' => 'din_number',
                                    'class' => 'form-control',
                                    'placeholder' => 'Enter DIN Number',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter DIN number.',
                                ]) !!}
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('din_document', 'DIN Document', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::file('din_document', [
                                    'id' => 'din_document',
                                    'class' => 'form-control',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-filetype' => 'pdf,jpg,jpeg,png',
                                    'data-parsley-required-message' => 'Please upload DIN document.',
                                    'data-parsley-filetype-message' => 'Only PDF, JPG, JPEG and PNG files are allowed.',
                                ]) !!}
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('list_of_directors', 'List of Directors', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('list_of_directors', old('list_of_directors'), [
                                    'id' => 'list_of_directors',
                                    'class' => 'form-control',
                                    'placeholder' => 'Enter List of Directors',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter list of directors.',
                                ]) !!}
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('authority_letter', 'Authority Letter Document', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::file('authority_letter', [
                                    'id' => 'authority_letter',
                                    'class' => 'form-control',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-filetype' => 'pdf,jpg,jpeg,png',
                                    'data-parsley-required-message' => 'Please upload authority letter.',
                                    'data-parsley-filetype-message' => 'Only PDF, JPG, JPEG and PNG files are allowed.',
                                ]) !!}
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('pvt_ltd_udhyam_reg_no', 'Udhyam Reg.(MSME) No.', ['class' => 'form-label']) !!}
                                {!! Form::text('pvt_ltd_udhyam_reg_no', old('pvt_ltd_udhyam_reg_no'), [
                                    'id' => 'pvt_ltd_udhyam_reg_no',
                                    'class' => 'form-control',
                                    'placeholder' => 'Enter Udhyam Reg. Number',
                                ]) !!}
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('pvt_ltd_udhyam_reg_document', 'Udhyam Reg.(MSME) Document', ['class' => 'form-label']) !!}
                                {!! Form::file('pvt_ltd_udhyam_reg_document', [
                                    'id' => 'pvt_ltd_udhyam_reg_document',
                                    'class' => 'form-control',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-filetype' => 'pdf,jpg,jpeg,png',
                                    'data-parsley-filetype-message' => 'Only PDF, JPG, JPEG and PNG files are allowed.',
                                ]) !!}
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('pvt_ltd_gst_number', 'GST Number', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('pvt_ltd_gst_number', old('pvt_ltd_gst_number'), [
                                    'id' => 'pvt_ltd_gst_number',
                                    'class' => 'form-control gstNumber',
                                    'placeholder' => 'Enter GST Number',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter GST number.',
                                    'data-parsley-pattern-message' => 'Please enter valid GST number.',
                                    'data-parsley-pattern' => '^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z]{1}[1-9A-Z]{1}Z[0-9A-Z]{1}$',
                                ]) !!}
                                <span class="text-danger">{{ $errors->first('pvt_ltd_gst_number') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('pvt_ltd_gst_document', 'GST Document', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::file('pvt_ltd_gst_document', [
                                    'id' => 'pvt_ltd_gst_document',
                                    'class' => 'form-control',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-filetype' => 'pdf,jpg,jpeg,png',
                                    'data-parsley-required-message' => 'Please upload GST document.',
                                    'data-parsley-filetype-message' => 'Only PDF, JPG, JPEG and PNG files are allowed.',
                                ]) !!}
                                <span class="text-danger">{{ $errors->first('pvt_ltd_gst_document') }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Authority Persons Name --}}
            <hr class="authority_person_hr" style="display: none;">
            <div class="row mb-2 authority_person_title" style="display: none;">
                <div class="col-md-12">
                    <div class="d-flex align-items-center justify-content-between">
                        <h4 class="card-title"><strong>Authority Persons</strong></h4>
                        <a class="btn btn-sm btn-primary" id="addAuthorityPerson"><i class="fa fa-plus"></i></a>
                    </div>
                </div>
            </div>
            <div class="row" id="authority_persons" style="display: none;">
                <div class="col-md-4">
                    <div class="form-group">
                        {!! Form::label('person_name_1', 'Person Name', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                        {!! Form::text('person_name[]', '', [
                            'id' => 'person_name_1',
                            'class' => 'form-control',
                            'placeholder' => 'Enter Person Name',
                            'data-parsley-trigger' => 'keyup',
                            'data-parsley-required' => 'required',
                            'data-parsley-required-message' => 'Please enter person name.',
                        ]) !!}
                    </div>
                </div>
            </div>

            {{-- Owner Details --}}
            <hr class="owner_details_hr" style="display:none;">
            <div class="row mt-4 owner_details_title" style="display:none;">
                <div class="col-md-12">
                    <h4 class="card-title mb-0"><strong id="owner_details_title"></strong></h4>
                </div>
            </div>
            <div class="row mt-3" id="owner_details" style="display: none;">
                <div class="col-md-12">
                    <div class="owner_details">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label('name_1', 'Name', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                    {!! Form::text('owner_details[name][]', '', [
                                        'id' => 'name_1',
                                        'class' => 'form-control onlytxt',
                                        'placeholder' => 'Enter Name',
                                        'data-parsley-trigger' => 'keyup',
                                        'data-parsley-maxlength' => '100',
                                        'data-parsley-required' => 'required',
                                        'data-parsley-pattern' => '^[a-zA-Z_ ]*$',
                                        'data-parsley-pattern-message' => 'Only alphabets are allowed.',
                                        'data-parsley-required-message' => 'Please enter name.',
                                        'data-parsley-maxlength-message' => 'Name may not be greater than 100 characters.',
                                    ]) !!}
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label('mobile_number_1', 'Mobile Number', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                    {!! Form::text('owner_details[mobile_number][]', '', [
                                        'id' => 'mobile_number_1',
                                        'class' => 'form-control mobile',
                                        'placeholder' => 'Enter Mobile Number',
                                        'maxLength' => '10',
                                        'data-parsley-type' => 'digits',
                                        'data-parsley-trigger' => 'keyup',
                                        'data-parsley-maxlength' => '16',
                                        'data-parsley-required' => 'required',
                                        'oninput' => 'this.value=this.value.slice(0,this.maxLength)',
                                        'data-parsley-required-message' => 'Please enter mobile number.',
                                        'data-parsley-type-message=' > 'Please enter valid mobile number.',
                                        'data-parsley-maxlength-message' => 'Mobile number may not be greater than 15 digits.',
                                    ]) !!}
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label('aadhar_number_1', 'Aadhar Number', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                    {!! Form::text('owner_details[aadhar_number][]', '', [
                                        'id' => 'aadhar_number_1',
                                        'class' => 'form-control aadharNumber',
                                        'placeholder' => 'Enter Aadhar Number',
                                        'maxLength' => '12',
                                        'data-parsley-type' => 'digits',
                                        'data-parsley-trigger' => 'keyup',
                                        'data-parsley-minlength' => '12',
                                        'data-parsley-maxlength' => '12',
                                        'data-parsley-required' => 'required',
                                        'oninput' => 'this.value=this.value.slice(0,this.maxLength)',
                                        'data-parsley-required-message' => 'Please enter aadhar number.',
                                        'data-parsley-type-message=' > 'Please enter valid aadhar number.',
                                        'data-parsley-minlength-message' => 'Aadhar number at least 12 digits long.',
                                        'data-parsley-maxlength-message' => 'Aadhar number may not be greater than 12 digits.',
                                    ]) !!}
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label('aadhar_front_image_1', 'Aadhar Card Front Image', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                    {!! Form::file('owner_details[aadhar_front_image][]', [
                                        'id' => 'aadhar_front_image_1',
                                        'class' => 'form-control',
                                        'data-parsley-trigger' => 'change',
                                        'data-parsley-required' => 'required',
                                        'data-parsley-filetype' => 'jpg,jpeg,png',
                                        'data-parsley-required-message' => 'Please upload aadhar card front image.',
                                        'data-parsley-filetype-message' => 'Only JPG, JPEG and PNG files are allowed.',
                                    ]) !!}
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label('aadhar_back_image_1', 'Aadhar Card Back Image', ['class' => 'form-label']) !!}
                                    {!! Form::file('owner_details[aadhar_back_image][]', [
                                        'id' => 'aadhar_back_image_1',
                                        'class' => 'form-control',
                                        'data-parsley-trigger' => 'change',
                                        'data-parsley-filetype' => 'jpg,jpeg,png',
                                        'data-parsley-filetype-message' => 'Only JPG, JPEG and PNG files are allowed.',
                                    ]) !!}
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label('pan_number_1', 'PAN Number', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                    {!! Form::text('owner_details[pan_number][]', '', [
                                        'id' => 'pan_number_1',
                                        'class' => 'form-control panNumber',
                                        'placeholder' => 'Enter PAN Number',
                                        'maxLength' => '10',
                                        'data-parsley-trigger' => 'keyup',
                                        'data-parsley-minlength' => '10',
                                        'data-parsley-maxlength' => '10',
                                        'data-parsley-required' => 'required',
                                        'oninput' => 'this.value=this.value.slice(0,this.maxLength)',
                                        'data-parsley-required-message' => 'Please enter PAN number.',
                                        'data-parsley-minlength-message' => 'PAN number at least 10 digits long.',
                                        'data-parsley-maxlength-message' => 'PAN number may not be greater than 10 digits.',
                                    ]) !!}
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label('pan_card_image_1', 'PAN Card Image', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                    {!! Form::file('owner_details[pan_card_image][]', [
                                        'id' => 'pan_card_image_1',
                                        'class' => 'form-control',
                                        'data-parsley-trigger' => 'change',
                                        'data-parsley-required' => 'required',
                                        'data-parsley-filetype' => 'jpg,jpeg,png',
                                        'data-parsley-required-message' => 'Please upload PAN card image.',
                                        'data-parsley-filetype-message' => 'Only JPG, JPEG and PNG files are allowed.',
                                    ]) !!}
                                </div>
                            </div>
                            <div class="col-md-4 din_number_1" style="display: none;">
                                <div class="form-group">
                                    {!! Form::label('din_number_1', 'Din Number', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                    {!! Form::text('owner_details[din_number][]', '', [
                                        'id' => 'din_number_1',
                                        'class' => 'form-control',
                                        'placeholder' => 'Enter Din Number',
                                    ]) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row owner_details_add_btn" style="display:none;">
                <div class="col-md-12 text-right">
                    <a class="btn btn-sm btn-primary" id="addOwnerDetails"><i class="fa fa-plus"></i> Add More</a>
                </div>
            </div>

            {{-- Bank Details --}}
            <hr>
            <div class="row mt-4">
                <div class="col-md-12">
                    <h4 class="card-title"><strong>Bank Details</strong></h4>
                </div>
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('bank_name', 'Bank Name', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('bank_name', old('bank_name'), [
                                    'id' => 'bank_name',
                                    'class' => 'form-control onlytxt',
                                    'placeholder' => 'Enter Bank Name',
                                    'maxlength' => '100',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-maxlength' => '100',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter bank name.',
                                    'data-parsley-maxlength-message' => 'Bank name may not be greater than 100 character.',
                                ]) !!}
                                <span class="text-danger" id="bank_name_error">{{ $errors->first('bank_name') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('account_no', 'Account Number', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('account_no', old('account_no'), [
                                    'id' => 'account_no',
                                    'class' => 'form-control bankAccNumber',
                                    'placeholder' => 'Enter Account Number',
                                    'maxlength' => '20',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-minlength' => '11',
                                    'data-parsley-maxlength' => '20',
                                    'data-parsley-required' => 'required',
                                    'oninput' => 'this.value=this.value.slice(0,this.maxLength)',
                                    'data-parsley-required-message' => 'Please enter account number.',
                                    'data-parsley-minlength-message' => 'Account number at least 11 characters long.',
                                    'data-parsley-maxlength-message' => 'Account number may not be greater than 20 character.',
                                ]) !!}
                                <span class="text-danger" id="account_no_error">{{ $errors->first('account_no') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('ifsc_code', 'IFSC Code', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('ifsc_code', old('ifsc_code'), [
                                    'id' => 'ifsc_code',
                                    'class' => 'form-control bankIFSCCode',
                                    'placeholder' => 'Enter IFSC Code',
                                    'maxlength' => '11',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-minlength' => '11',
                                    'data-parsley-maxlength' => '11',
                                    'data-parsley-required' => 'required',
                                    'oninput' => 'this.value=this.value.slice(0,this.maxLength)',
                                    'data-parsley-required-message' => 'Please enter IFSC code.',
                                    'data-parsley-minlength-message' => 'IFSC code at least 11 characters long.',
                                    'data-parsley-maxlength-message' => 'IFSC code may not be greater than 11 character.',
                                ]) !!}
                                <span class="text-danger" id="ifsc_code_error">{{ $errors->first('ifsc_code') }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('cheque_image', 'Cheque Image', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::file('cheque_image', [
                                    'id' => 'cheque_image',
                                    'class' => 'form-control',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-filetype' => 'png,jpg,jpeg',
                                    'data-parsley-required-message' => 'Please upload cheque image.',
                                    'data-parsley-filetype-message' => 'Only .png, .jpg and .jpeg files are allowed.',
                                ]) !!}
                                <span class="text-danger"
                                    id="cheque_image_error">{{ $errors->first('cheque_image') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('cheque_number', 'Cheque Number', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('cheque_number', old('cheque_number'), [
                                    'id' => 'cheque_number',
                                    'class' => 'form-control chequeNo',
                                    'placeholder' => 'Enter Cheque Number',
                                    'maxlength' => '10',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-minlength' => '6',
                                    'data-parsley-maxlength' => '10',
                                    'data-parsley-required' => 'required',
                                    'oninput' => 'this.value=this.value.slice(0,this.maxLength)',
                                    'data-parsley-required-message' => 'Please enter cheque number.',
                                    'data-parsley-minlength-message' => 'Cheque number at least 6 characters long.',
                                    'data-parsley-maxlength-message' => 'Cheque number may not be greater than 10 character.',
                                ]) !!}
                                <span class="text-danger"
                                    id="cheque_number_error">{{ $errors->first('cheque_number') }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-footer">
            <button type="submit" class="btn btn-primary mr-2" id="addTransporter">Save</button>
            <a href="{{ route('transporter.index') }}" class="btn btn-light">Cancel</a>
        </div>

        {{ Form::close() }}
    </div>
@endsection

@section('page-js')
    <script>
        var transporterId = "";
        var transporterStore = "{{ route('transporter.store') }}";
        var transporterIndexURL = "{{ route('transporter.index') }}";
        var transporterAjaxList = "{{ route('transporter.ajax-list') }}";
        var getDistrict = "{{ route('state.district.districts-of-state') }}";
        var getTaluka = "{{ route('district.sub-district.sub-districts-of-district') }}";
        var getCity = "{{ route('sub-district.city.cities-of-sub-district') }}";
        var transporterDistrictsRoute = "{{ route('transporter.search-district') }}";

        $(function() {
            $("#pickup_states").tokenInput("{{ route('transporter.search-state') }}", {
                theme: "facebook",
                preventDuplicates: true,
                hintText: "Type to search states...",
                tokenLimit: null,
                resultsLimit: 10,
                minChars: 1,
                onAdd: function() {
                    fetchDistricts();
                },
                onDelete: function(removedState) {
                    var removedStateId = removedState.id;

                    var currentDistricts = $("#pickup_districts").tokenInput("get");

                    var remainingDistricts = currentDistricts.filter(function(d) {
                        return d.state_id !== removedStateId;
                    });

                    $("#pickup_districts").tokenInput("clear");

                    remainingDistricts.forEach(function(d) {
                        $("#pickup_districts").tokenInput("add", d);
                    });

                    fetchDistricts();
                },
                onReady: function() {
                    $(this).prev(".token-input-list").find("input").attr("autocomplete", "off");
                }
            });

            $("#pickup_districts").tokenInput([], {
                theme: "facebook",
                preventDuplicates: true,
                hintText: "Type to search districts...",
                tokenLimit: null,
                onReady: function() {
                    $(this).prev(".token-input-list").find("input").attr("autocomplete", "off");
                },
                onResult: function(data) {
                    return $.map(data || [], function(el) {
                        return (el && el.id && el.name) ? {
                                id: el.id,
                                name: el.name,
                                state_id: el.state_id
                            } :
                            null;
                    });
                }
            });
        });

        function fetchDistricts() {
            var selectedStates = $("#pickup_states").tokenInput("get").map(item => item.id) || [];

            if (!selectedStates.length) {
                $("#pickup_districts").tokenInput("clear");
                return;
            }

            var params = {
                state_ids: selectedStates.join(','),
                transporter_id: transporterId || ""
            };
            var searchUrl = transporterDistrictsRoute + "?" + $.param(params);

            $("#pickup_districts").tokenInput("clear");
            $("#pickup_districts").tokenInput("destroy");

            $("#pickup_districts").tokenInput(searchUrl, {
                theme: "facebook",
                preventDuplicates: true,
                hintText: "Type to search districts...",
                tokenLimit: null,
                resultsLimit: 10,
                minChars: 0,
                propertyToSearch: "name",
                tokenValue: "id",
                onReady: function() {
                    $(this).prev(".token-input-list").find("input").attr("autocomplete", "off");
                },
                onResult: function(items) {
                    return $.map(items || [], function(el) {
                        if (el && el.id && el.name && el.state_id) {
                            return {
                                id: el.id,
                                name: el.name,
                                state_id: el.state_id
                            };
                        }
                        return null;
                    }).filter(Boolean);
                }
            });
        }
    </script>
    <script src="{{ asset('assets/js/admin/transporter.js') }}"></script>
@endsection