@include('layouts.header', ['title' => 'Lottery List'])
<div class="wrapper">
    @include('layouts.navbar')
    @include('layouts.sidebar')

    <div class="content-page">
        <div class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box">
                            <div class="page-title-right"></div>
                        </div>
                    </div>
                </div>

                @include('components.project-details', ['project' => $project])

                <div class="row">
                        <div class="col-lg-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="page-title">Schedule Lottery</h4>
                                </div>

                                <form id="lotteryFormSubmit"
                                    action="{{ route('admin.lottery.saveOrUpdateLottery') }}"
                                    method="POST" enctype="multipart/form-data">
                                    @csrf
                                    <input type="hidden" name="lottery_id" value="{{ $lotteryDetails->id ?? '' }}">
                                    <input type="hidden" name="project_id" value="{{ encrypt($project->id) ?? '' }}">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="description" class="form-label">Description <span
                                                            class="text-danger">*</span></label>
                                                            <textarea id="description" name="description" class="form-control @error('description') is-invalid @enderror"
                                                            placeholder="Enter Description" rows="4">{{ old('description', $lotteryDetails->description ?? '') }}</textarea>
                                                        @error('description')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="Date&Time" class="form-label">Date</label>
                                                    <input
                                                        class="form-control @error('date_time') is-invalid @enderror"
                                                        id="date_time" type="text"
                                                        name="date_time" placeholder="Enter Date"
                                                        value="{{ old('date_time', isset($lotteryDetails) && $lotteryDetails->date_time ? \Carbon\Carbon::parse($lotteryDetails->date_time)->format('d-m-Y H:i:s') : '') }}">
                                                        @error('date_time')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                        @enderror
                                                </div>
                                            </div>
                                        </div>


                                    </div>

                                    <div class="card-footer border-top border-light">
                                        <button type="submit" class="btn btn-success" id="submitBtn">
                                            Submit
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                </div>
            </div>
        </div>

        @include('layouts.footer')
    </div>
</div>

<!-- Vendor JS -->
<script src="{{ asset('assets/js/vendor.min.js') }}"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.js"></script>


<script src="{{ asset('assets/js/app.min.js') }}"></script>

<script>
$(document).ready(function() {
    @if ($errors->any())
        @foreach ($errors->all() as $error)
            toastr.error("{{ $error }}");
        @endforeach
    @endif

    @if (session('success'))
        toastr.success("{{ session('success') }}");
    @endif

    @if (session('error'))
        toastr.error("{{ session('error') }}");
    @endif

    document.getElementById('lotteryFormSubmit').addEventListener('submit', function() {
        const submitBtn = document.getElementById('submitBtn');
        submitBtn.disabled = true;
        submitBtn.innerHTML = 'Submitting...'; // Change button text to indicate submission
    });

    $('#date_time').datetimepicker({
        dateFormat: 'dd-mm-yy',  // Format for date
        timeFormat: 'HH:mm:ss',  // Format for time (24-hour format)
        changeMonth: true,
        changeYear: true,
        minDate: 0, // Prevent selection of past dates
        controlType: 'select', // Dropdowns for hours & minutes
        oneLine: true, // Display date & time in a single line
    });

});
    </script>


</body>