@extends('layouts.admin-layout')
@section('title', 'Ticket Purchase Page')

@section('content')
<div class="content-wrapper">
    <section class="content">
        <div class="container-fluid">

            <div class="row justify-content-center">
                <div class="col-md-12 mt-3">

                    <form action="{{ route('admin.ticket.purchase.page.save') }}" method="POST" enctype="multipart/form-data">
                        @csrf

                        <div class="card card-primary card-box-shadow">
                            <div class="card-body text-center">

                                <h2>Ticket Purchase Page CMS</h2>

                                <div class="row">

                                    {{-- PAGE HEADING --}}
                                    <div class="col-md-12 mb-3">
                                        <label for="heading">Main Heading</label>
                                        <input type="text" id="heading" name="heading"
                                               class="form-control form__field"
                                               placeholder="Enter main heading"
                                               value="{{ old('heading', $content->heading ?? '') }}">
                                        @error('heading')
                                            <div class="text-danger mt-1">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    {{-- SUB HEADING --}}
                                    <div class="col-md-12 mb-3">
                                        <label for="sub_heading">Sub Heading</label>
                                        <input type="text" id="sub_heading" name="sub_heading"
                                               class="form-control form__field"
                                               placeholder="Enter sub heading"
                                               value="{{ old('sub_heading', $content->sub_heading ?? '') }}">
                                        @error('sub_heading')
                                            <div class="text-danger mt-1">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    {{-- BANNER VIDEO UPLOAD --}}
                                    {{-- <div class="col-md-12 mb-3">
                                        <label for="ticketVideoInput">Upload Banner Video (Max 50 MB)</label>

                                        <input type="file" id="ticketVideoInput" name="ticket_video"
                                               class="form-control form__field visually-hidden" accept="video/*">

                                        <label for="ticketVideoInput" class="file-input-label form__field form-control">
                                            <i class="fas fa-video"></i> Choose Video
                                        </label>

                                        @if(!empty($pageVideo))
                                            <video id="VideoPreview" controls
                                                   style="width:100%; height:300px; margin-top:10px;">
                                                <source src="{{ $pageVideo }}" type="video/mp4">
                                            </video>
                                        @else
                                            <video id="VideoPreview" controls
                                                   style="width:100%; height:300px; margin-top:10px; display:none;">
                                                <source src="">
                                            </video>
                                        @endif

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

                                </div>

                                {{-- SAVE BUTTON --}}
                                <div class="text-center mt-3">
                                    <button type="submit" class="btn btn-primary custom_btn">
                                        <i class="fa-solid fa-cloud-arrow-up"></i> Save Changes
                                    </button>
                                </div>

                            </div>
                        </div>

                    </form>

                </div>
            </div>

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

@section('script')
<script>
document.getElementById('ticketVideoInput').addEventListener('change', function() {
    const file = this.files[0];
    const preview = document.getElementById('VideoPreview');

    if (!file) return;

    // Validate file type
    if (!file.type.startsWith('video/')) {
        alert('Only video files are allowed.');
        this.value = '';
        preview.style.display = 'none';
        return;
    }

    // Max size 50 MB
    if (file.size > 50 * 1024 * 1024) {
        alert('File size exceeds 50 MB.');
        this.value = '';
        preview.style.display = 'none';
        return;
    }

    preview.src = URL.createObjectURL(file);
    preview.style.display = 'block';
});
</script>
@endsection