@extends('admin.layout.master')
@section('content')
@section('package', 'active')
@section('title', 'Package')
<!--start page wrapper -->
<div class="page-wrapper">
    <div class="page-content">
        <!--breadcrumb-->

        <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
            <div class="breadcrumb-title pe-3">Package</div>
            <div class="ps-3">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0 p-0">
                        {{-- <li class="breadcrumb-item"><a href="{{ route('admin.view.ads') }}"><i class="bx bx-home-alt"></i></a></li> --}}
                        <li class="breadcrumb-item active" aria-current="page">Update Package</li>
                    </ol>
                </nav>
                @if (session('success'))
                    <div class="alert alert-success">{{ session('success') }}</div>
                @endif
            </div>
        </div>
        <!--end breadcrumb-->
        <div class="row">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Update Package</h5>
                        <hr/>
                        <form action="{{route('admin.update.package')}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="id" value="{{ $package->id ?? '' }}">


                            <div class="mb-3 row">
                                <label for="adTitle" class="col-sm-3 col-form-label">Package Name:</label>
                                <div class="col-sm-9">
                                    <input type="text" name="package_name" id="adTitle" class="form-control" value="{{ $package->package_name }}">
                                    @error('package_name')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <div class="mb-3 row">
                                <label for="adImage" class="col-sm-3 col-form-label">Number Of Listing:</label>
                                <div class="col-sm-9">
                                    <input type="number" name="number_of_listing" id="adImage" class="form-control" value="{{ $package->number_of_listing }}">

                                    @error('number_of_listing')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <div class="mb-3 row">
                                <label for="adImage" class="col-sm-3 col-form-label">Listing Validity:</label>
                                <div class="col-sm-9">
                                    <select name="listing_validity" id="" class="form-control">
                                        <option value="" disabled selected>Select Listing Validity</option>
                                        <option value="week" {{ (!empty($package) && $package->listing_validity == 'week') ? 'selected' : '' }}>Week</option>
                                        <option value="month" {{ (!empty($package) && $package->listing_validity == 'month') ? 'selected' : '' }}>Month</option>
                                        <option value="year" {{ (!empty($package) && $package->listing_validity == 'year') ? 'selected' : '' }}>Year</option>
                                    </select>

                                    @error('listing_validity')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <div class="mb-3 row">
                                <label for="validityType" class="col-sm-3 col-form-label">Package Validity:</label>
                                <div class="col-sm-9">
                                    <select name="package_validity" id="validityType" class="form-control">
                                        <option value="" disabled selected>Select Package Validity</option>
                                        <option value="week" {{ (!empty($package) && $package->package_validity == 'week') ? 'selected' : '' }}>Week</option>
                                        <option value="month" {{ (!empty($package) && $package->package_validity == 'month') ? 'selected' : '' }}>Month</option>
                                        <option value="year" {{ (!empty($package) && $package->package_validity == 'year') ? 'selected' : '' }}>Year</option>
                                    </select>
                                    @error('package_validity')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="mb-3 row" hidden>
                                <label class="col-sm-3 col-form-label">Start Date:</label>
                                <div class="col-sm-9">
                                    <input type="date" name="start_date" id="startDate" class="form-control" readonly value="{{ $package->start_date }}">
                                    @error('start_date')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="mb-3 row" hidden>
                                <label class="col-sm-3 col-form-label">End Date:</label>
                                <div class="col-sm-9">
                                    <input type="date" name="end_date" id="endDate" class="form-control" readonly value="{{ $package->end_date }}">
                                    @error('end_date')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            

                            <div class="mb-3 row">
                                <label for="adImage" class="col-sm-3 col-form-label">Price:</label>
                                <div class="col-sm-9">
                                    <input type="number" name="price" id="adImage" class="form-control" value="{{ $package->price }}">

                                    @error('price')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <div class="mb-3 row">
                                <div class="col-sm-9 offset-sm-3">
                                    <button type="submit" class="btn btn-primary" style="float: right">Update</button>
                                    {{-- <a href="" class="btn btn-secondary">Cancel</a> --}}
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--end page wrapper -->
@endsection
@section('script')
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const validityType = document.getElementById('validityType');
        const startDateInput = document.getElementById('startDate');
        const endDateInput = document.getElementById('endDate');

        validityType.addEventListener('change', function() {
            const today = new Date();
            let endDate = new Date(today);

            // Set Start Date to Today
            startDateInput.value = today.toISOString().split('T')[0];

            // Calculate End Date Based on Validity Type
            if (this.value === 'week') {
                endDate.setDate(today.getDate() + 6); // End of the week
            } else if (this.value === 'month') {
                endDate.setMonth(today.getMonth() + 1);
                endDate.setDate(endDate.getDate() - 1); // Last day of the next month
            } else if (this.value === 'year') {
                endDate.setFullYear(today.getFullYear() + 1);
                endDate.setDate(endDate.getDate() - 1); // Last day of the next year
            }

            // Set End Date
            endDateInput.value = endDate.toISOString().split('T')[0];
        });
    });
</script>

@endsection