@if (isset($params_arr))
    @php

        $director_row_count = $params_arr['director_row_count'];

        $director = getTableColumn('company_director');

    @endphp
@endif

<div class="row director_row">

    <input type="hidden" name="director_id[]" value="{{ @$director['id'] }}">

    <div class="col-md-3">

        <label class="form-label" for="name">Name <span class="text-danger">*</span> </label>

        <input class="form-control" name="name[]" id="name" type="text" value="{{ @$director['name'] }}"
            required="" />

        @error('name')
            <div class="col-form-alert-label">

                {{ $message }}

            </div>
        @enderror

    </div>

    <div class="col-md-3">

        <label class="form-label" for="mobile">Mobile <span class="text-danger">*</span> </label>

        <input class="form-control  numberonly" name="mobile[]" id="mobile" type="text"
            value="{{ @$director['mobile'] }}" required="" />

        @error('mobile')
            <div class="col-form-alert-label">

                {{ $message }}

            </div>
        @enderror

    </div>

    <div class="col-md-3">

        <label class="form-label" for="mobile">Email <span class="text-danger">*</span> </label>

        <input class="form-control" name="email[]" id="email" type="email" value="{{ @$director['email'] }}"
            required="" />

        @error('email')
            <div class="col-form-alert-label">

                {{ $message }}

            </div>
        @enderror

    </div>

    <div class="col-md-3">

        <label class="form-label" for="address">Address <span class="text-danger">*</span> </label>

        <input class="form-control" name="address[]" id="address" type="text" value="{{ @$director['address'] }}"
            required="" />

        @error('address')
            <div class="col-form-alert-label">

                {{ $message }}

            </div>
        @enderror

    </div>

    <div class="col-md-4 mt-3">

        <label class="form-label" for="customFile">Profile Image <span class="text-danger">*</span></label>

        @if (@$data['company']->is_approved != 'Approved')
            <input class="form-control" name="profile_image[]"
                onchange="loadFile(event,'profile_image{{ $director_row_count }}')" id="customFile" type="file" accept="image/jpg, image/jpeg, image/png, image/svg" />
                <small class="text-danger">Only jpg,jpeg,png,svg format and maximum 2MB file allowed  </small>
                @error('profile_image.*')
                <div class="col-form-alert-label">
                    {{ $message }}
                </div>
            @enderror
        @endif

        <div class="avatar avatar-4xl mt-2 d-block">

            @if (@$director['profile_image'] != '')
                <a href="{{ asset('uploads/company/' . $director['profile_image']) }}" data-gallery="gallery-posts-0">

                    <img class="rounded-circle" id="profile_image{{ $director_row_count }}"
                        src="{{ asset('uploads/company/' . $director['profile_image']) }}">

                </a>
            @else
                <img class="rounded-circle" id="profile_image{{ $director_row_count }}"
                    src="{{ asset('assets/img/rec_demo.png') }}">
            @endif

        </div>

    </div>

    <div class="col-md-4 mt-3">

        <label class="form-label" for="customFile">Aadhar Front Image <span class="text-danger">*</span></label>

        @if (@$data['company']->is_approved != 'Approved')
            <input class="form-control" name="aadhar_image[]"
                onchange="loadFile(event,'aadhar_image_{{ $director_row_count }}')" id="customFile" type="file"  accept="image/jpg, image/jpeg, image/png, image/svg" />
                <small class="text-danger">Only jpg,jpeg,png,svg format and maximum 2MB file allowed  </small>
                @error('aadhar_image.*')
                <div class="col-form-alert-label">
                    {{ $message }}
                </div>
            @enderror
        @endif

        <div class="avatar avatar-4xl mt-2 d-block">

            @if (@$director['aadhar_image'] != '')
                <a href="{{ asset('uploads/company/' . $director['aadhar_image']) }}" data-gallery="gallery-posts-0">

                    <img class="rounded-circle" id="aadhar_image_{{ $director_row_count }}"
                        src="{{ asset('uploads/company/' . $director['aadhar_image']) }}">

                </a>
            @else
                <img class="rounded-circle" id="aadhar_image_{{ $director_row_count }}"
                    src="{{ asset('assets/img/rec_demo.png') }}">
            @endif

        </div>

        @error('aadhar_image.*')
            <div class="col-form-alert-label">

                {{ $message }}

            </div>
        @enderror

    </div>

    <div class="col-md-4 mt-3">

        <label class="form-label" for="customFile">Aadhar Back Image <span class="text-danger">*</span></label>

        @if (@$data['company']->is_approved != 'Approved')
            <input class="form-control" name="aadhar_back_image[]"
                onchange="loadFile(event,'aadhar_back_image_{{ $director_row_count }}')" id="customFile"
                type="file"  accept="image/jpg, image/jpeg, image/png, image/svg" />
                <small class="text-danger">Only jpg,jpeg,png,svg format and maximum 2MB file allowed  </small>
                @error('aadhar_back_image.*')
                <div class="col-form-alert-label">
                    {{ $message }}
                </div>
            @enderror
        @endif

        <div class="avatar avatar-4xl mt-2 d-block">

            @if (@$director['aadhar_back_image'] != '')
                <a href="{{ asset('uploads/company/' . $director['aadhar_back_image']) }}"
                    data-gallery="gallery-posts-0">

                    <img class="rounded-circle" id="aadhar_back_image_{{ $director_row_count }}"
                        src="{{ asset('uploads/company/' . $director['aadhar_back_image']) }}">

                </a>
            @else
                <img class="rounded-circle" id="aadhar_back_image_{{ $director_row_count }}"
                    src="{{ asset('assets/img/rec_demo.png') }}">
            @endif

        </div>

        @error('aadhar_back_image.*')
            <div class="col-form-alert-label">

                {{ $message }}

            </div>
        @enderror

    </div>

    <div class="col-md-4 mt-3">

        <label class="form-label" for="customFile">Pan Image <span class="text-danger">*</span></label>

        @if (@$data['company']->is_approved != 'Approved')
            <input class="form-control" name="pan_image[]"
                onchange="loadFile(event,'pan_image_{{ $director_row_count }}')" id="customFile" type="file"  accept="image/jpg, image/jpeg, image/png, image/svg" />
                <small class="text-danger">Only jpg,jpeg,png,svg format and maximum 2MB file allowed  </small>
                @error('pan_image.*')
                <div class="col-form-alert-label">
                    {{ $message }}
                </div>
            @enderror
        @endif

        <div class="avatar avatar-4xl mt-2 d-block">

            @if (@$director['pan_image'] != '')
                <a href="{{ asset('uploads/company/' . $director['pan_image']) }}" data-gallery="gallery-posts-0">

                    <img class="rounded-circle" id="pan_image_{{ $director_row_count }}"
                        src="{{ asset('uploads/company/' . $director['pan_image']) }}">

                </a>
            @else
                <img class="rounded-circle" id="pan_image_{{ $director_row_count }}"
                    src="{{ asset('assets/img/rec_demo.png') }}">
            @endif

        </div>

        @error('pan_image.*')
            <div class="col-form-alert-label">

                {{ $message }}

            </div>
        @enderror

    </div>

</div>