@extends('layouts.admin')

@section('content')
<section class="content">
    @if(session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
    @endif

    @if(session('error'))
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        {{ session('error') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
    @endif


    <div class="container-fluid mt-4">

        <div class="col-md-12">
            <!-- general form elements -->
            <div class="card card-info">

                <!-- form start -->
                <form method="GET" action="{{ route('license.index') }}">
                    <div class="card-body">
                        <div class="row">

                            <div class="col-sm-3">
                                <div class="form-group">
                                    <label>License Name</label>
                                    <input type="text"
                                        name="license_number"
                                        value="{{ request('license_number') }}"
                                        class="form-control form-control-sm"
                                        placeholder="Enter License Number">
                                </div>
                            </div>


                            {{-- Month --}}
                            <div class="col-sm-3">
                                <div class="form-group">
                                    <label>Month</label>
                                    <select name="month" class="form-control form-control-sm">
                                        <option value="">Select Month</option>
                                        @for ($m = 1; $m <= 12; $m++)
                                            <option value="{{ $m }}" {{ request('month') == $m ? 'selected' : '' }}>
                                            {{ date('F', mktime(0, 0, 0, $m, 1)) }}
                                            </option>
                                            @endfor
                                    </select>
                                </div>
                            </div>

                            {{-- Year --}}
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Year</label>
                                    <select name="year" class="form-control form-control-sm">
                                        <option value="">Select Year</option>
                                        @for ($y = date('Y'); $y >= 2015; $y--)
                                        <option value="{{ $y }}" {{ request('year') == $y ? 'selected' : '' }}>
                                            {{ $y }}
                                        </option>
                                        @endfor
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Status</label>
                                    <select name="status" class="form-control form-control-sm">
                                        <option value="">Select Status</option>

                                        <option value="Run"> Active </option>
                                        <option value="Exp"> Expire </option>

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

                            <div class="col-sm-2">
                                <button type="submit" style="margin-top: 30px;"
                                    class="btn btn-sm btn-primary">Search</button>
                                <a href="{{ route('license.index') }}" style="margin-top: 30px;"
                                    class="btn btn-sm btn-secondary">Refresh</a>
                            </div>

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

            </div>
        </div>
        <div class="row">
            <div class="col-md-12">

                <div class="card card-info">
                    <div class="card-header">
                        <h3 class="card-title">License List</h3>

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

                    <div class="card-body">

                        <table id="licenseTable"
                            class="table table-bordered table-striped table-hover table-sm text-center">
                            <thead class="bg-light">
                                <tr>
                                    <th>SL</th>
                                    <th>Date</th>
                                    <th>License Name</th>
                                    <th>License Number</th>
                                    <th>Authority</th>
                                    <th>Start Period</th>
                                    <th>End Period</th>
                                    <th>ValidityTime</th>
                                    <th>Document</th>
                                    <th style="width:150px;">Action</th>
                                </tr>
                            </thead>

                            <tbody>
                                @foreach($licenses as $key => $row)
                                <tr class="
    {{ $row->remaining_days <= 0 ? 'table-danger' : '' }}
    {{ $row->remaining_days >= 0 && $row->remaining_days < 10 ? 'table-warning' : '' }}
">
                                    <td>{{ $key + 1 }}</td>
                                    <td>{{ $row->entry_date }}</td>
                                    <td>{{ $row->license_name }}</td>
                                    <td>{{ $row->license_number }}</td>
                                    <td>{{ $row->authority }}</td>
                                    <td>{{ $row->new_srt_period }}</td>
                                    <td>{{ $row->new_end_period }}</td>
                                    <td style="width: 8px;">{{ $row->validityTime }}</td>
                                    <td style="width: 8px;">
                                        @if($row->file_url)
                                        <a href="{{ asset('uploads/documents/'.$row->file_url) }}" target="_blank"
                                            class="btn btn-sm btn-primary">View</a>
                                        @else
                                        <span class="text-muted">No File</span>
                                        @endif
                                    </td>

                                    <td class="text-nowrap">
                                        <a href="{{ route('license.edit', $row->id) }}"
                                            class="btn btn-sm btn-info">Edit</a>

                                        <a href="#" data-toggle="modal" data-target="#renewModal{{ $row->id }}"
                                            class="btn btn-sm btn-warning">
                                            Renew
                                        </a>

                                        <!-- <form action="{{ route('license.destroy', $row->id) }}" method="POST"
                                            style="display:inline-block;">
                                            @csrf
                                            @method('DELETE')

                                            <button type="submit" onclick="return confirm('Are you sure?')"
                                                class="btn btn-sm btn-danger">Delete</button>
                                        </form> -->
                                    </td>
                                </tr>

                                <div class="modal fade" id="renewModal{{ $row->id }}" tabindex="-1" role="dialog">
                                    <div class="modal-dialog modal-lg" role="document"> {{-- large modal --}}
                                        <div class="modal-content">

                                            <form action="{{ route('licenses.renew', $row->id) }}" method="POST">
                                                @csrf

                                                <div class="modal-header bg-warning">
                                                    <h5 class="modal-title">Renew License</h5>
                                                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                </div>

                                                <div class="modal-body">

                                                    <div class="row">

                                                        {{-- LICENSE DETAILS (READONLY) --}}
                                                        <div class="col-md-6">
                                                            <label>License Name</label>
                                                            <input type="text" class="form-control" name="license_name" value="{{ $row->license_name }}" readonly>
                                                        </div>

                                                        <div class="col-md-6">
                                                            <label>License Number</label>
                                                            <input type="text" class="form-control" name="license_number" value="{{ $row->license_number }}" readonly>
                                                        </div>

                                                        <div class="col-md-6">
                                                            <label>Authority</label>
                                                            <input type="text" class="form-control" name="authority" value="{{ $row->authority }}" readonly>
                                                        </div>

                                                        <div class="col-md-6">
                                                            <label>Start Date</label>
                                                            <input type="date" class="form-control" name="srt_period" value="srt_period">
                                                        </div>

                                                        <div class="col-md-6">
                                                            <label>Old Expiry Date</label>
                                                            <input type="date" class="form-control" name="end_period" value="{{ $row->old_expiry_date }}" readonly>
                                                        </div>

                                                        <div class="col-md-6">
                                                            <label>Validity Days</label>
                                                            <input type="text" class="form-control" name="validityTime" value="{{ $row->validityTime }}" readonly>
                                                        </div>

                                                        <div class="col-md-6 mt-3">
                                                            <label>Upload New Document</label>
                                                            <input type="file" name="file_url" class="form-control" accept=".pdf,.jpg,.png,.doc,.docx">
                                                        </div>

                                                        {{-- RENEW SECTION --}}
                                                        <div class="col-md-6 mt-3">
                                                            <label>New Expiry Date</label>
                                                            <input type="date" name="new_end_period" class="form-control" required>
                                                        </div>

                                                        <div class="col-md-6 mt-3 d-none">
                                                            <label>Extended Validity (Days)</label>
                                                            <input type="number" name="new_validity" class="form-control" placeholder="Optional">
                                                        </div>

                                                        <div class="col-md-12 mt-3">
                                                            <label>Remarks</label>
                                                            <textarea name="remarks" class="form-control"></textarea>
                                                        </div>

                                                    </div>

                                                </div>

                                                <div class="modal-footer">
                                                    <button type="submit" class="btn btn-success">Renew License</button>
                                                    <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
                                                </div>

                                            </form>

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


                                @endforeach
                            </tbody>

                        </table>

                        <!-- ✅ RENEW MODAL -->





                    </div>
                </div>

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


@push('scripts')

<script>
    $(function() {
        $("#licenseTable").DataTable({
            "responsive": true,
            "autoWidth": false,
            "ordering": true,
            "pageLength": 10
        });
    });
</script>

@endpush