@extends('layout.app')
@section('title', 'Create Employee')
@push('header_script')
    <link rel="stylesheet" href="{{ asset('theme/assets/vendor/daterange/daterange.css') }}">
@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 Employee</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('employee.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' => ['employee.store'],
                                'onsubmit' => 'BtnSubmit.disabled = true',
                                'class' => 'row g-3 needs-validation',
                                'method' => 'post',
                                'autocomplete' => 'off',
                                'files' => true,
                            ]) !!}
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="emp_code">Employee Code<span
                                        class="text-danger">*</span></label>
                                <input type="text" class="form-control readonly" id="emp_code" name="emp_code" required
                                    readonly
                                    value="{{ $count + 1 < 10 ? 'EMP/' . date('Y') . '/00' . ($count + 1) : 'EMP/' . date('Y') . '/0' . ($count + 1) }}">
                                <div class="text-danger">{{ $errors->first('emp_code') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="emp_type">Employee Type<span
                                        class="text-danger">*</span></label>
                                {!! Form::select(
                                    'emp_type',
                                    ['' => '--Select--', 'employee' => 'Employee', 'driver' => 'Driver'],
                                    old('emp_type'),
                                    ['class' => 'form-control select2', 'id' => 'emp_type', 'required'],
                                ) !!}
                                <div class="text-danger">{{ $errors->first('emp_type') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="employee_name">Employee Name<span
                                        class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="employee_name" name="employee_name" required
                                    value="{{ old('employee_name') }}">
                                <div class="text-danger">{{ $errors->first('employee_name') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="emp_img">Photo</label>
                                <input type="file" class="form-control" id="emp_img" name="emp_img" accept="image/*"
                                    value="{{ old('emp_img') }}">
                                <div class="text-danger">{{ $errors->first('emp_img') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="father_name">Father Name<span
                                        class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="father_name" name="father_name" required
                                    value="{{ old('father_name') }}">
                                <div class="text-danger">{{ $errors->first('father_name') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="reference_by">Reference by</label>
                                <input type="text" class="form-control" id="reference_by" name="reference_by"
                                    value="{{ old('reference_by') }}">
                                <div class="text-danger">{{ $errors->first('reference_by') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <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" minlength="10"
                                    maxlength="10" name="mobile_no" required value="{{ old('mobile_no') }}">
                                <div class="text-danger">{{ $errors->first('mobile_no') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for=alt_mobile_no">Alternate Contact No.</label>
                                <input type="text" class="form-control number" id="alt_mobile_no" minlength="10"
                                    maxlength="10" name="alt_mobile_no" value="{{ old('alt_mobile_no') }}">
                                <div class="text-danger">{{ $errors->first('alt_mobile_no') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="email">Email</label>
                                <input type="email" class="form-control" id="email" name="email"
                                    value="{{ old('email') }}">
                                <div class="text-danger">{{ $errors->first('email') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="aadhaar_card_no">Aadhaar Card</label>
                                <input type="text" class="form-control number" id="aadhaar_card_no"
                                    name="aadhaar_card_no" minlength="12" maxlength="12"
                                    value="{{ old('aadhaar_card_no') }}">
                                <div class="text-danger">{{ $errors->first('aadhaar_card_no') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="driving_licence_no">Driving Licence No.</label>
                                <input type="text" class="form-control" id="driving_licence_no"
                                    name="driving_licence_no" value="{{ old('driving_licence_no') }}">
                                <div class="text-danger">{{ $errors->first('driving_licence_no') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="driving_licence_valid_upto">Driving Licence Valid Upto</label>

                                <div class="input-group">
                                    <span class="input-group-text">
                                        <i class="ri-calendar-todo-line"></i>
                                    </span>
                                    <input type="text" id="driving_licence_valid_upto"
                                        class="form-control datepicker" name="driving_licence_valid_upto"
                                        value="{{ old('driving_licence_valid_upto', date('d-m-Y')) }}">
                                    <div class="text-danger">{{ $errors->first('driving_licence_valid_upto') }}</div>
                                </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="pan_card_no">Pan Card No.</label>
                                <input type="text" class="form-control number" id="pan_card_no" name="pan_card_no"
                                    minlength="10" maxlength="10" value="{{ old('pan_card_no') }}">
                                <div class="text-danger">{{ $errors->first('pan_card_no') }} </div>
                            </div>

                            <div class="col-md-4 col-12">
                                <label class="form-label" for="joining_date">Joining Date<span
                                        class="text-danger">*</span></label></label>
                                <div class="input-group">
                                    <span class="input-group-text">
                                        <i class="ri-calendar-todo-line"></i>
                                    </span>
                                    <input type="text" id="joining_date"
                                        class="form-control datepicker"name="joining_date" required
                                        min="{{ date('d-m-Y', strtotime($company_details->year_from)) }}"
                                        value="{{ old('joining_date', date('d-m-Y')) }}">
                                    <div class="text-danger">{{ $errors->first('joining_date') }}</div>
                                </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="salary">Salary</label>
                                <input type="text" class="form-control number" id="salary" name="salary"
                                    value="{{ old('salary') }}">
                                <div class="text-danger">{{ $errors->first('salary') }} </div>
                            </div>
                            <div class="col-md-12 col-12">
                                <label class="form-label" for="address">Address (Village, Road Name, Building Name
                                    etc.)<span class="text-danger">*</span></label>
                                <textarea class="form-control" name="address" required rows="2" id="address"></textarea>
                                <div class="text-danger">{{ $errors->first('address') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="country">Country<span
                                        class="text-danger">*</span></label>
                                <input type="text" class="form-control readonly" id="country" name="country"
                                    required readonly value="India">
                                <div class="text-danger">{{ $errors->first('country') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="state_id">State<span class="text-danger">*</span></label>
                                {!! Form::select('state_id', ['' => '--Select--'] + $state, old('state_id'), [
                                    'class' => 'form-control select2',
                                    'id' => 'state_id',
                                    'required',
                                ]) !!}
                                <div class="text-danger">{{ $errors->first('state_id') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="city">District/City<span
                                        class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="city" name="city" required
                                    value="{{ old('city') }}">
                                <div class="text-danger">{{ $errors->first('city') }} </div>
                            </div>
                            <div class="col-md-12 col-12">
                                <table class="table table-striped table-bordered" id="doc_table">
                                    <thead>
                                        <tr>
                                            <th width="47.5%">Document Type</th>
                                            <th width="47.5%">Image</th>
                                            <th width="5%">
                                                <button type="button" id="addrow"
                                                    class="btn btn-primary btn-sm pull-right">
                                                    <i class="ri-edit-box-line"></i></button>
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td><input class="form-control readonly" type="text" name="doc_type[]"
                                                    value="Aadhar Card - Front Side" readonly id="doc_type_10"
                                                    required=""></td>
                                            <td><input class="form-control" type="file" name="doc_img[]"
                                                    value="{{ old('doc_img') }}" id="doc_img_10"></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td><input class="form-control readonly" type="text" name="doc_type[]"
                                                    value="Aadhar Card - Back Side" readonly id="doc_type_11"
                                                    required=""></td>
                                            <td><input class="form-control" type="file" name="doc_img[]"
                                                    value="{{ old('doc_img') }}" id="doc_img_11"></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td><input class="form-control readonly" type="text" name="doc_type[]"
                                                    value="Driving Licence - Front Side" readonly id="doc_type_12"
                                                    required=""></td>
                                            <td><input class="form-control" type="file" name="doc_img[]"
                                                    value="{{ old('doc_img') }}" id="doc_img_12"></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td><input class="form-control readonly" type="text" name="doc_type[]"
                                                    value="Driving Licence - Back Side" readonly id="doc_type_13"
                                                    required=""></td>
                                            <td><input class="form-control" type="file" name="doc_img[]"
                                                    value="{{ old('doc_img') }}" id="doc_img_13"></td>
                                            <td></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-md-12 col-12">
                                <label class="form-label" for="remark">Remark</label>
                                <textarea class="form-control" name="remark" rows="2" id="remark"></textarea>
                                <div class="text-danger">{{ $errors->first('remark') }} </div>
                            </div>
                            <div class="col-md-12 col-12">
                                <button class="btn btn-primary mt-1" id="BtnSubmit" type="submit">Submit</button>
                            </div>
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('footer_script')
    <script>
        $('.number').keyup(function(e) {
            if (/\D/g.test(this.value)) {
                this.value = this.value.replace(/\D/g, '');
            }
        });

        $(document).ready(function() {
            let i = 14;
            $('#addrow').on("click", function() {
                var newRow = $("<tr>");
                var cols = "";
                cols +=
                    '<td><input class="form-control" type="text" name="doc_type[]" required id=doc_type_' +
                    i + '></td>';
                cols +=
                    '<td><input class="form-control" type="file" name="doc_img[]" required id=doc_img_' +
                    i + '></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);
                $("#doc_table").append(newRow);
                $(".select2").select2();
            });

            $("#doc_table").on("click", "#delbtn", function() {
                $(this).closest('tr').remove();
                i--;
            });
        });
    </script>
    <script src="{{ asset('theme/assets/vendor/daterange/daterange.js') }}"></script>
    <script>
        $(".datepicker").daterangepicker({
            singleDatePicker: true,
            startDate: moment().startOf("hour"),
            endDate: moment().startOf("hour").add(32, "hour"),
            locale: {
                format: "DD-MMMM-YYYY",
            },
        });
    </script>
@endpush