@php
    $vendor_type_list = !empty($vendor_types) ? $vendor_types->pluck('name', 'id')->toArray() : [];
    $firm_types = [
        'Partnership' => 'Partnership',
        'Proprietorship' => 'Proprietorship',
        'PVT LTD' => 'PVT LTD',
    ];
@endphp

@extends('admin.layouts.layouts')

@section('title', 'Create | Vendors')

@section('page-css')
    <style>
        .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 Vendor
        </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('vendor.index') }}">Vendors</a></li>
                <li class="breadcrumb-item active" aria-current="page">Create</li>
            </ol>
        </nav>
    </div>

    <div class="card">
        {!! Form::open([
            'route' => 'vendor.store',
            'method' => 'POST',
            'id' => 'vendor_form',
            'enctype' => 'multipart/form-data',
        ]) !!}
        @csrf
        <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('vendor_type', 'Vendor Type', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select('vendor_type', $vendor_type_list, old('vendor_type'), [
                                    'id' => 'vendor_type',
                                    'class' => 'form-control',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please select vendor type.',
                                    'placeholder' => 'Select Vendor Type',
                                    'data-parsley-errors-container' => '#vendor_type_error'
                                ]) !!}
                                <span class="text-danger" id="vendor_type_error">{{ $errors->first('vendor_type') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('name', 'Name', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('name', old('name'), [
                                    'id' => 'name',
                                    'class' => 'form-control onlytxt',
                                    'placeholder' => 'Enter Vendor Name',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-maxlength' => '100',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-pattern' => '^[a-zA-Z\s]+$',
                                    'data-parsley-pattern-message' => 'Only alphabets are allowed.',
                                    'data-parsley-required-message' => 'Please enter vendor name.',
                                    'data-parsley-maxlength-message' => 'Storage name may not be greater than 100 characters.',
                                    'data-parsley-errors-container' => '#name_error'
                                ]) !!}
                                <span class="text-danger" id="name_error">{{ $errors->first('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' => '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.',
                                    'data-parsley-errors-container' => '#mobile_number_error'
                                ]) !!}
                                <span class="text-danger" id="mobile_number_error">{{ $errors->first('mobile_number') }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        {{-- <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('tin_number', 'Tin Number', ['class' => 'form-label']) !!}
                                {!! Form::text('tin_number', old('tin_number'), [
                                    'class' => 'form-control',
                                    'placeholder' => 'Enter Tin Number',
                                    'maxlength' => '15',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-pattern' => '^[0-9A-Z]{11,15}$',
                                    'data-parsley-pattern-message' => 'Please enter a valid tin number.',
                                ]) !!}
                                <span class="text-danger">{{ $errors->first('tin_number') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('tin_document', 'Tin Document', ['class' => 'form-label']) !!}
                                {!! Form::file('tin_document', [
                                    'class' => 'form-control',
                                    'id' => 'tin_document',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-filetype' => 'png,jpg,jpeg,pdf',
                                    'data-parsley-filetype-message' => 'Only .png, .jpg, .jpeg, and .pdf files are allowed.',
                                ]) !!}
                                <span class="text-danger" id="tin_file_error">{{ $errors->first('tin_document') }}</span>
                            </div>
                        </div> --}}
                        <div class="col-md-12">
                            <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 vendor address.',
                                ]) !!}
                                <span class="text-danger" id="address_error">{{ $errors->first('address') }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <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" id="document_number_error">{{ $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" id="document_error">{{ $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" id="date_of_birth_error">{{ $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" id="firm_reg_date_error">{{ $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" id="firm_reg_number_error">{{ $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" id="gst_number_error">{{ $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" id="gst_document_error">{{ $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" id="authority_letter_doc_error">{{ $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" id="firm_gst_number_error">{{ $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" id="firm_gst_document_error">{{ $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" id="pvt_ltd_gst_number_error">{{ $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" id="pvt_ltd_gst_document_error">{{ $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_number', 'Account Number', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('account_number', old('account_number'), [
                                    'id' => 'account_number',
                                    '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_number_error">{{ $errors->first('account_number') }}</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('blank_cheque', 'Cheque Image', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::file('blank_cheque', [
                                    'id' => 'blank_cheque',
                                    '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="blank_cheque_error">{{ $errors->first('blank_cheque') }}</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 btn-fw" id="addVendor">Save</button>
            <a href="{{ route('vendor.index') }}" class="btn btn-light btn-fw">Cancel</a>
        </div>

        {{ Form::close() }}
    </div>
@endsection
@section('page-js')
    <script>
        var vendorID = "";
        var vendorStore = "{{ route('vendor.store') }}";
        var vendorIndexURL = "{{ route('vendor.index') }}";
        var vendorAjaxList = "{{ route('vendor.ajax-list') }}";
    </script>
    <script src="{{ asset('assets/js/admin/vendor.js') }}"></script>
@endsection