
<x-addCustomer.universal>
   
<div class="w-100 text-center">
        <h3 class=" text-light">Basic  Information</h3>
    </div>
    <div class="form-group col-sm-3">
        <label for="client_name" class="block ">
            Client Name*
        </label>

        <input type="text" name="client_name" id="client_name" value="{{ old('client_name') }}" class="form-control "
            placeholder="Client Name" required>

        @error('client_name')
            <div class="alert alert-danger mt-1">{{ $message }}</div>
        @enderror

    </div>

    @can('join-date-modify')
        <div class="form-group col-sm-3">
            <label for="joinDate" class="block ">
                Joining Date
            </label>
            <div class="input-group date" id="searchFrom2" data-target-input="nearest">
                <input type="text" placeholder="Joining Date" name="joinDate" value="{{ today()->format('m/d/Y') }}"
                    class="form-control datetimepicker-input input-group-append" data-toggle="datetimepicker"
                    data-target="#searchFrom2" autocomplete="off">

            </div>
            @error('joinDate')
                <div class="alert alert-danger mt-1">{{ $message }}</div>
            @enderror
        </div>
    @endcan

    <div class="form-group col-sm-3">
        <label for="password" class="block ">
            Client Date of Birth {{ checkRequired('dob', '*') }}
        </label>

        <div class="input-group date" id="searchFrom" data-target-input="nearest">
            <input type="text" placeholder="Date of Birth" name="dob"
                class="form-control datetimepicker-input input-group-append" data-toggle="datetimepicker"
                data-target="#searchFrom" autocomplete="off" {{ checkRequired('dob', 'required') }}>

        </div>

        @error('dob')
            <div class="alert alert-danger mt-1">{{ $message }}</div>
        @enderror

    </div>





    <div class="form-group col-sm-3">
        <label for="father_name" class="block ">
            Father Name {{ checkRequired('father-name-required', '*') }}
        </label>

        <input type="text" name="father_name" id="father_name" value="{{ old('father_name') }}" class="form-control "
            placeholder="Father Name" {{ checkRequired('father-name-required', 'required') }}>
        @error('father_name')
            <div class="alert alert-danger mt-1">{{ $message }}</div>
        @enderror

    </div>

    <div class="form-group col-sm-3">
        <label for="mother_name" class="block ">
            Mother Name {{ checkRequired('mother-name-required', '*') }}
        </label>

        <input type="text" name="mother_name" id="mother_name" value="{{ old('mother_name') }}"
            class="form-control " placeholder="Mother Name" {{ checkRequired('mother-name-required', '*') }}>
        @error('mother_name')
            <div class="alert alert-danger mt-1">{{ $message }}</div>
        @enderror

    </div>
    <div class="form-group col-sm-3">
        <label for="national_id" class="block pt-2">
            National ID {{ checkRequired('national_id', '*') }}
        </label>

        <input type="text" name="national_id" id="national_id" value="{{ old('national_id') }}"
            {{ checkRequired('national_id', 'required') }} class="form-control" placeholder="National ID">
        @error('national_id')
            <div class="alert alert-danger mt-1">{{ $message }}</div>
        @enderror

    </div>

    <div class="form-group col-sm-3">
        <label for="passport_no" class="block pt-2">
            Passport No
        </label>

        <input type="text" name="passport_no" id="passport_no" value="{{ old('passport_no') }}"
            class="form-control " placeholder="Passport No">
        @error('passport_no')
            <div class="alert alert-danger mt-1">{{ $message }}</div>
        @enderror

    </div>

    <div class="form-group col-sm-3">
        <label for="contact_no" class="block pt-2">
            Contact No.*
        </label>

        <input type="text" name="contact_no" id="contact_no" value="{{ old('contact_no') }}"
            @if (checkSettings('contact_no') == 'enable') required @endif class="form-control " placeholder="Contact No">
        @error('contact_no')
            <div class="alert alert-danger mt-1">{{ $message }}</div>
        @enderror

    </div>
    <div class="form-group col-sm-3">
        <label for="contact_no" class="block pt-2">
            Other Contact No
        </label>

        <input type="text" name="other_contact" id="other_contact" value="{{ old('other_contact') }}"
            class="form-control " placeholder="Other Contact No">
        @error('other_contact')
            <div class="alert alert-danger mt-1">{{ $message }}</div>
        @enderror

    </div>



    <div class="form-group col-sm-3">
        <label class="block pt-2">
            Email
        </label>

        <input type="text" class="form-control" placeholder="email" value="" data-role="tagsinput"
            id="tags" name="email">

        {{-- <input type="email" name="email" id="email" value="{{ old('email') }}" class="form-control "
            placeholder="email"> --}}
        @error('email')
            <div class="alert alert-danger mt-1">{{ $message }}</div>
        @enderror

    </div>

</x-addCustomer.universal>

