@extends('layout.app')
@section('title','Create Client')
@push('header_script')
@endpush
@section('content')
    <div class="app-hero-header d-flex align-items-center">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="javascript:void(0);">Create Client</a>
            </li>
        </ol>
        <div class="ms-auto d-lg-flex flex-row">
            <div class="d-flex flex-row gap-1 day-sorting">
                <a href="{{route('client.index')}}" class="btn btn-sm btn-primary"><i
                        class="ri-arrow-left-circle-fill"></i> Back</a>
            </div>
        </div>
    </div>
    <div class="app-body">
        <div class="card-body">
            <div class="row gx-3">
                <div class="col-sm-12">
                    <div class="card mb-3">
                        <div class="card-body">
                            {!! Form::open(['route' => ['client.store'], 'onsubmit'=>'BtnSubmit.disabled = true',
'class'=>'row g-3 needs-validation', 'method' => 'post','autocomplete'=>'off','files'=>true]) !!}
                            <div class="col-md-6">
                                <label class="form-label" for="name">Client Name<span class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="name" name="name" required value="{{old('name')}}">
                                <div class="text-danger">{{$errors->first('name')}} </div>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label" for="company_name">Company Name<span class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="company_name" name="company_name" required value="{{old('company_name')}}">
                                <div class="text-danger">{{$errors->first('company_name')}} </div>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label" for="mobile_no">Contact No.<span
                                        class="text-danger">*</span></label>
                                <input type="text" class="form-control number" id="mobile_no"
                                       name="mobile_no" minlength="10" maxlength="10" required
                                       value="{{old('mobile_no')}}">
                                <div class="text-danger">{{$errors->first('mobile_no')}} </div>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label" for="email_id">Email<span class="text-danger">*</span></label>
                                <input type="email" class="form-control" id="email_id" name="email_id" required value="{{old('email_id')}}">
                                <div class="text-danger">{{$errors->first('email_id')}} </div>
                            </div>
                            <div class="col-md-12"><h5>Login Details</h5></div>
                            <div class="col-md-6">
                                <label class="form-label" for="email">Email<span class="text-danger">*</span></label>
                                <input type="email" class="form-control" id="email" name="email" required value="{{old('email')}}">
                                <div class="text-danger">{{$errors->first('email')}} </div>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label" for="password">Password<span
                                        class="text-danger">*</span></label>
                                <input type="password" class="form-control" id="password"
                                       name="password"
                                       required value="{{old('password')}}">
                                <div class="text-danger">{{$errors->first('password')}} </div>
                            </div>
                            <div class="col-12">
                                <button class="btn btn-primary" id="BtnSubmit" type="submit">Submit</button>
                            </div>
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('footer_script')
    <script src="{{asset('theme/assets/vendor/datatables/dataTables.min.js')}}"></script>
    <script src="{{asset('theme/assets/vendor/datatables/dataTables.bootstrap.min.js')}}"></script>
    <script src="{{asset('theme/assets/vendor/datatables/custom/custom-datatables.js')}}"></script>

    <script>
        $('.number').keyup(function (e) {
            if (/\D/g.test(this.value)) {
                this.value = this.value.replace(/\D/g, '');
            }
        });

        $('#company_type').on('change', function () {
            let company_type = $(this).val().toLowerCase(); // Convert to lowercase for consistency
            if (company_type === 'private limited company' ||
                company_type === 'limited company' ||
                company_type === 'llp') {
                $('#cin_no').attr('required', "required");
            } else {
                $('#cin_no').removeAttr('required'); // Correct way to remove "required"
            }
        });

        $(document).ready(function () {
            let i = 11;
            $('#addrow').on("click", function () {
                var newRow = $("<tr>");
                var cols = "";
                cols += '<td><input class="form-control" type="text" name="account_holder_name[]" id="account_holder_name_' + i + '" required></td>';
                cols += '<td><input class="form-control" type="text" name="bank_name[]" id="bank_name_' + i + '" required></td>';
                cols += '<td><input class="form-control number" type="text" name="account_no[]" id="account_no_' + i + '" required></td>';
                cols += '<td><input class="form-control" type="text" id="ifsc_code_' + i + '" name="ifsc_code[]" required></td>';
                cols += '<td><input class="form-control" type="text" id="branch_' + i + '" name="branch[]" required></td>';
                cols += '<td><input class="form-control" type="text" id="remark_' + i + '" name="remarks[]"></td>';
                cols += '<td><button type="button" id="delbtn" class="btn btn-danger btn-sm"><i class="ri-delete-bin-line"></i></button></td>';
                i++;
                newRow.append(cols);
                $("#tabdata").append(newRow);

                $('.number').off('keyup').on('keyup', function () {
                    this.value = this.value.replace(/\D/g, '');
                });
            });

            $("#tabdata").on("click", "#delbtn", function () {
                $(this).closest('tr').remove();
                i--;
            });
        });
    </script>
@endpush