@extends('layout.master')

@section('content')
    <!--begin::Toolbar-->
    <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
        <div id="kt_app_toolbar_container" class="app-container container-fluid d-flex flex-stack flex-wrap">
            <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">Scraper Configuration</h1>
                <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                    <li class="breadcrumb-item text-muted">Home</li>
                    <li class="breadcrumb-item"><span class="bullet bg-gray-400 w-5px h-2px"></span></li>
                    <li class="breadcrumb-item text-muted">Configuration</li>
                </ul>
            </div>
        </div>
    </div>
    <!--end::Toolbar-->

    <!--begin::Content-->
    <div id="kt_app_content" class="app-content flex-column-fluid">
        <div id="kt_app_content_container" class="app-container container-fluid">
            
            @if (session('success'))
                <div class="alert alert-success">
                    {{ session('success') }}
                </div>
            @endif

            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Konfigurasi Film untuk Scraper Spesifik</h3>
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.config.scraper.save') }}" method="POST">
                        @csrf
                        <div class="mb-10">
                            <label for="movie_ids" class="form-label">Pilih Film</label>
                            <p class="text-muted fs-7">Pilih film mana saja yang akan di-scrape oleh scheduler `scrape:upcoming-seats-specific`. Hanya jadwal film yang dipilih yang akan diambil datanya.</p>
                            <select class="form-select form-select-solid" data-control="select2" data-close-on-select="false" data-placeholder="Pilih satu atau lebih film" data-allow-clear="true" multiple="multiple" name="movie_ids[]" id="movie_ids">
                                <option></option>
                                @foreach($allMovies as $movie)
                                    <option value="{{ $movie->mtix_movie_id }}" 
                                        {{ in_array($movie->mtix_movie_id, $selectedMovieIds) ? 'selected' : '' }}>
                                        {{ $movie->title }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="d-flex justify-content-end">
                            <button type="submit" class="btn btn-primary">
                                <span class="indicator-label">Simpan Konfigurasi</span>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--end::Content-->
@endsection