@extends('layouts.admin')

@section('content')
<section class="content">
    <div class="container-fluid mt-4">
        <div class="row">
            <div class="col-md-12">

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

                    @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 method="POST" action="{{ route('license.update', $license->id) }}" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')

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

                                    <!-- First Row -->
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label class="col-sm-12 col-form-label">Date: <span class="text-danger">*</span></label>
                                                <div class="col-sm-12">
                                                    <input type="date" id="entry_date" class="form-control form-control-sm"
                                                        name="entry_date" value="{{ $license->entry_date }}" required>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label class="col-sm-12 col-form-label">License Name: <span class="text-danger">*</span></label>
                                                <div class="col-sm-12">
                                                    <input type="text" id="license_name" class="form-control form-control-sm"
                                                        name="license_name" value="{{ $license->license_name }}" required>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Second Row -->
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label class="col-sm-12 col-form-label">License Number: <span class="text-danger">*</span></label>
                                                <div class="col-sm-12">
                                                    <input type="text" id="license_number" class="form-control form-control-sm"
                                                        name="license_number" value="{{ $license->license_number }}" required>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label class="col-sm-12 col-form-label">Authority: <span class="text-danger">*</span></label>
                                                <div class="col-sm-12">
                                                    <input type="text" id="authority" class="form-control form-control-sm"
                                                        name="authority" value="{{ $license->authority }}" required>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Third Row -->
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label class="col-sm-12 col-form-label">Start Period: <span class="text-danger">*</span></label>
                                                <div class="col-sm-12">
                                                    <input type="date" id="srt_period" class="form-control form-control-sm"
                                                        name="srt_period" value="{{ $license->srt_period }}" required>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label class="col-sm-12 col-form-label">End Period: <span class="text-danger">*</span></label>
                                                <div class="col-sm-12">
                                                    <input type="date" id="end_period" class="form-control form-control-sm"
                                                        name="end_period" value="{{ $license->end_period }}" required>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Fourth Row -->
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label class="col-sm-12 col-form-label">Validity:</label>
                                                <div class="col-sm-12">
                                                    <input type="text" id="validityTime" class="form-control form-control-sm"
                                                        name="validityTime" value="{{ $license->validityTime }}" readonly>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label class="col-sm-12 col-form-label">Document:</label>
                                                <div class="col-sm-12">
                                                    <input type="file" class="form-control form-control-sm" name="file_url">
                                                    <small class="text-primary">
                                                        @if($license->file_url)
                                                        Current:
                                                        <a href="{{ asset('uploads/documents/'.$license->file_url) }}" target="_blank">View File</a>
                                                        @else
                                                        No file uploaded
                                                        @endif
                                                    </small>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

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

                                </div>
                            </div>
                        </div>
                        <div class="card-footer"></div>
                    </form>

                </div>

            </div>
        </div>
    </div>
</section>
@endsection

@push('scripts')
<script>
    $(document).ready(function() {

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

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

                let diffTime = eDate - sDate;
                let diffDays = Math.floor(diffTime / (1000 * 60 * 60 * 24)) + 1;

                if (diffDays > 0) {
                    $('#validityTime').val(diffDays);
                } else {
                    $('#validityTime').val('');
                }
            }
        }

        $('#srt_period, #end_period').on('change', calculateValidity);

        // run on page load
        calculateValidity();
    });
</script>
@endpush