@extends('layouts.admin')


@section('content')
<!-- Main content -->
<section class="content">
    <div class="container-fluid mt-4">
        <div class="row">
            <!-- left column -->
            <div class="col-md-12">
                <!-- jquery validation -->
                <div class="card card-info">
                    <div class="card-header">
                        <h3 class="card-title">License Entry</h3>

                        <a href="{{ route('license.index') }}" style="float: right;padding: 3px 26px;"
                            class="btn btn-outline-dark btn-flat">License List</a>

                    </div>
                    <!-- /.card-header -->
                    <!-- form start -->


                    @if ($errors->any())
                    <div class="alert alert-danger">
                        <h4>There were some problems with your input:</h4>
                        <ul>
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif

                    <form id="employeeForm" method="POST" action="{{ route('license.store') }}"
                        enctype="multipart/form-data">

                        @csrf

                        <input type="hidden" id="empid" value="{{ $emp_id }}" name="empid">

                        <div class="card-body">

                            <div class="row">

                                <div class="col-md-8 offset-2">

                                    <div class="row">

                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label for="entry_date" class="col-sm-12 col-form-label">Date: <span
                                                        class="text-danger"> * </span></label>
                                                <div class="col-sm-12">
                                                    <input type="date" class="form-control form-control-sm"
                                                        name="entry_date" id="entry_date" value="{{ old('entry_date') }}"
                                                        placeholder="Enter entry_date.." tabindex="1" required>

                                                    @error('entry_date')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label for="license_name" class="col-sm-12 col-form-label">License Name: <span
                                                        class="text-danger"> * </span></label>
                                                <div class="col-sm-12">
                                                    <input type="text" class="form-control form-control-sm" name="license_name"
                                                        id="emp_name" value="{{ old('license_name') }}"
                                                        placeholder="Enter license_name .." tabindex="3" required>

                                                    @error('license_name')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6 d-none">
                                            <div class="form-group row">
                                                <label for="emp_id" class="col-sm-12 col-form-label">Employee ID: <span
                                                        class="text-danger"> * </span></label>
                                                <div class="col-sm-12">
                                                    <input type="text" class="form-control form-control-sm" name="emp_id"
                                                        id="emp_id" value="{{ old('emp_id') }}"
                                                        placeholder="Enter Employee Id.." tabindex="2" required readonly>

                                                    @error('emp_id')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

                                                </div>
                                            </div>
                                        </div>

                                    </div>


                                    <div class="row">

                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label for="license_number" class="col-sm-12 col-form-label">License Number: <span
                                                        class="text-danger"> * </span></label>
                                                <div class="col-sm-12">
                                                    <input type="text" class="form-control form-control-sm"
                                                        name="license_number" id="license_number" value="{{ old('license_number') }}"
                                                        placeholder="Enter license number.." tabindex="4" required>

                                                    @error('license_number')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

                                                </div>
                                            </div>
                                        </div>


                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label for="authority" class="col-sm-12 col-form-label">Authority: <span
                                                        class="text-danger"> * </span></label>
                                                <div class="col-sm-12">
                                                    <input type="text" class="form-control form-control-sm"
                                                        name="authority" id="authority" value="{{ old('authority') }}"
                                                        placeholder="Enter Authority.." tabindex="5" required>

                                                    @error('authority')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

                                                </div>
                                            </div>
                                        </div>


                                    </div>

                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label for="srt_period" class="col-sm-12 col-form-label">Start Period:<span
                                                        class="text-danger"> * </span></label>
                                                <div class="col-sm-12">
                                                    <input type="date" class="form-control form-control-sm" name="srt_period"
                                                        id="srt_period" value="{{ old('srt_period') }}"
                                                        placeholder="Enter srt_period.." tabindex="6" required>

                                                    @error('srt_period')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label for="end_period" class="col-sm-12 col-form-label">End Period:<span
                                                        class="text-danger"> * </span></label>
                                                <div class="col-sm-12">
                                                    <input type="date" class="form-control form-control-sm" name="end_period"
                                                        id="end_period" value="{{ old('end_period') }}"
                                                        placeholder="Enter end_period.." tabindex="6" required>

                                                    @error('end_period')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

                                                </div>
                                            </div>
                                        </div>

                                    </div>






                                    <div class="row">



                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label for="validityTime" class="col-sm-12 col-form-label">Validity
                                                    :<span class="text-danger"> * </span></label>
                                                <div class="col-sm-12">
                                                    <input type="text" class="form-control form-control-sm"
                                                        name="validityTime" id="validityTime"
                                                        value="{{ old('validityTime') }}"
                                                        placeholder="validityTime" tabindex="11">

                                                    @error('validityTime')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror
                                                </div>
                                            </div>

                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label for="file_url" class="col-sm-12 col-form-label">Document: <span
                                                        class="text-danger"> * </span></label>
                                                <div class="col-sm-12">
                                                    <input type="file" class="form-control form-control-sm"
                                                        name="file_url" id="file_url" value="{{ old('file_url') }}">

                                                    @error('file_url')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>


                                    </div>





                                    <div class="row">

                                        <div class="col-md-12">
                                            <button type="submit" class="btn btn-info float-right mt-3">Submit</button>
                                        </div>

                                    </div>


                                </div>


                            </div>

                        </div>
                        <!-- /.card-body -->
                        <div class="card-footer"></div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- /.content -->
@endsection


@push('scripts')
<script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>

<script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/jszip/jszip.min.js') }}"></script>
<script src="{{ asset('plugins/pdfmake/pdfmake.min.js') }}"></script>
<script src="{{ asset('plugins/pdfmake/vfs_fonts.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.print.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.colVis.min.js') }}"></script>

<script>
    function generateEmployeeId(joinDate, increment) {

        const date = new Date(joinDate);

        if (isNaN(date.getTime())) {

            throw new Error("Invalid date format. Please use a valid date string.");
        }

        const year = date.getFullYear();
        const month = String(date.getMonth() + 1).padStart(2, '0');
        const day = String(date.getDate()).padStart(2, '0');

        const employeeId = `${year}${month}${String(increment).padStart(3, '0')}`;
        return employeeId;
    }


    $(function() {

        $("#joining_date").change(function() {

            // Example usage
            const joinDate = $(this).val();
            const increment = $("#empid").val();
            const emp_id = generateEmployeeId(joinDate, increment);

            $("#emp_id").val(emp_id);


        });



    });


    $(document).ready(function() {

        function calculateValidity() {
            let start = $("#srt_period").val();
            let end = $("#end_period").val();

            if (start && end) {
                const sDate = new Date(start);
                const eDate = new Date(end);

                // Difference in milliseconds
                const diffTime = eDate - sDate;

                // Convert to days
                const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));

                // Set the result to validityTime field
                $("#validityTime").val(diffDays + " days");
            }
        }

        // Trigger on both date fields
        $("#srt_period").on("change", calculateValidity);
        $("#end_period").on("change", calculateValidity);
    });
</script>
@endpush