@extends('admin.layouts.app')
@section('content')
    <div class="content-wrapper">
        <section class="content">
            <div class="container-fluid">
                <br>
                <div class="row">
                    <div class="col-md-1"></div>
                    <div class="col-md-12">
                        <div class="card card-info">

                            <div class="card-header">
                                <h3 class="card-title">Indian Panorama</h3>
                            </div>

                            <div class="card-tools">
                                @foreach (['success', 'info', 'danger', 'error', 'warning'] as $msg)
                                    @if (Session::has($msg))
                                        <div id="flash-message" class="alert alert-{{ $msg }}" role="alert">
                                            {{ Session::get($msg) }}
                                        </div>
                                    @endif
                                @endforeach
                            </div>

                            <form method="POST" action="{{ route('indian-panoramas.store') }}"
                                enctype="multipart/form-data">
                                @csrf @method('post')

                                <div class="card-body">
                                    <div class="row">

                                        <div class="form-group col-md-6 mb-3">
                                            <label for="official_selection_id" class="form-label">
                                                <strong>Official Selections</strong>
                                            </label>

                                            <select name="official_selection_id" id="official_selection_id"
                                                class="custom-select @error('official_selection_id') is-invalid @enderror">
                                                <option value="" selected>Select official Selection</option>
                                                @foreach ($officialSelections as $officialSelection)
                                                    <option value="{{ $officialSelection->id }}"
                                                        {{ old('official_selection_id') == $officialSelection->id ? 'selected' : '' }}>
                                                        {{ $officialSelection->title }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('official_selection_id')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        {{-- General Sub Category --}}
                                        <div class="form-group col-sm-6 mb-2" id="general_sub_category_div"
                                            style="display:none;">
                                            <label for="sub_category" class="form-label">
                                                <strong>General Sub Category</strong>
                                            </label>
                                            <select name="sub_category" id="sub_category"
                                                class="custom-select @error('sub_category') is-invalid @enderror">
                                                <option value="" selected>Select Sub Category</option>
                                                @foreach (specialSubCategory() as $key => $type)
                                                    <option name="sub_category" value="{{ $key }}"
                                                        {{ old('sub_category') == $key ? 'selected' : '' }}>
                                                        {{ $type }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('sub_category')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        {{-- AI-Competition --}}
                                        <div class="form-group col-sm-6 mb-2" id="ai_competition_div" style="display:none;">
                                            <label for="ai_competition_sub_category" class="form-label">
                                                <strong> AI Competition Sub Category</strong>
                                            </label>
                                            <select name="ai_competition_sub_category" id="ai_competition_sub_category"
                                                class="custom-select @error('ai_competition_sub_category') is-invalid @enderror">
                                                <option value="" selected>Select AI Competition Sub Category</option>

                                                @foreach (aiCompetitionFilmsCategory() as $key => $type)
                                                    <option name="ai_competition_sub_category" value="{{ $key }}"
                                                        {{ old('ai_competition_sub_category') == $key ? 'selected' : '' }}>
                                                        {{ $type }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('ai_competition_sub_category')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        {{-- AI NON-Competition --}}
                                        <div class="form-group col-sm-6 mb-2" id="ai_non_competition_div"
                                            style="display:none;">
                                            <label for="ai_non_sub_category" class="form-label">
                                                <strong>AI Non Competition Sub Category</strong>
                                            </label>
                                            <select name="ai_non_sub_category" id="ai_non_sub_category"
                                                class="custom-select @error('ai_non_sub_category') is-invalid @enderror">
                                                <option value="" selected>Select AI Non Competition Sub Category
                                                </option>

                                                @foreach (aiNonCompetitionFilmsCategory() as $key => $type)
                                                    <option name="ai_non_sub_category" value="{{ $key }}"
                                                        {{ old('ai_non_sub_category') == $key ? 'selected' : '' }}>
                                                        {{ $type }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('ai_non_sub_category')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group col-md-6 mb-3">
                                            <label for="title" class="form-label">Title</label>
                                            <input type="text" class="form-control @error('title') is-invalid @enderror"
                                                id="title" name="title" value="{{ old('title') }}"
                                                placeholder="Enter title." />
                                            @error('title')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group col-md-6 mb-3">
                                            <label for="slug" class="form-label">Slug</label>
                                            <input type="text" class="form-control @error('slug') is-invalid @enderror"
                                                id="slug" name="slug" value="{{ old('slug') }}"
                                                placeholder="like:- international-cinema" />
                                            @error('slug')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group col-md-6 mb-3">
                                            <label for="directed_by" class="form-label">Directed By</label>
                                            <input type="text"
                                                class="form-control @error('directed_by') is-invalid @enderror"
                                                id="directed_by" name="directed_by" value="{{ old('directed_by') }}"
                                                placeholder="Directed by" />
                                            @error('directed_by')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group col-md-6 mb-3">
                                            <label for="country_of_origin" class="form-label">Country Of Origin</label>
                                            <input type="text"
                                                class="form-control @error('country_of_origin') is-invalid @enderror"
                                                id="country_of_origin" name="country_of_origin"
                                                value="{{ old('country_of_origin') }}"
                                                placeholder="Enter country of origin" />
                                            @error('country_of_origin')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group col-md-6 mb-3">
                                            <label for="language" class="form-label">Language</label>
                                            <input type="text"
                                                class="form-control @error('language') is-invalid @enderror"
                                                id="language" name="language" value="{{ old('language') }}"
                                                placeholder="Enter language" />
                                            @error('language')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group col-md-6 mb-3">
                                            <label for="image" class="form-label">Image</label>

                                            <input type="file"
                                                class="form-control @error('image') is-invalid @enderror" id="image"
                                                name="image" />

                                            <small class="form-text text-muted">
                                                Upload an image file (jpg, jpeg,png).
                                            </small>

                                            @error('image')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group col-md-6 mb-3">
                                            <label for="image_url" class="form-label">Image URL</label>
                                            <input type="text"
                                                class="form-control @error('image_url') is-invalid @enderror"
                                                id="image_url" name="image_url" value="{{ old('image_url') }}">
                                            @error('image_url')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group col-md-6 mb-3">
                                            <label for="restored_by_nfai" class="form-label">Restored By NFAI</label>
                                            <input type="text"
                                                class="form-control @error('restored_by_nfai') is-invalid @enderror"
                                                id="restored_by_nfai" name="restored_by_nfai"
                                                value="{{ old('restored_by_nfai') }}">
                                            @error('restored_by_nfai')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group col-md-6 mb-3">
                                            <label for="num_of_years" class="form-label">Number Of Years</label>
                                            <input type="text"
                                                class="form-control @error('num_of_years') is-invalid @enderror"
                                                id="num_of_years" name="num_of_years" value="{{ old('num_of_years') }}">
                                            @error('num_of_years')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group col-sm-6 mb-2">
                                            <label for="year" class="form-label">Edition Year</label>
                                            <div class="col-sm-12">
                                                <select name="year" id="year"
                                                    class="custom-select @error('year') is-invalid @enderror">
                                                    <option value="" selected>Select Year</option>
                                                    @foreach (yearRange(2000) as $year)
                                                        <option value="{{ $year }}"
                                                            {{ old('year') == $year ? 'selected' : '' }}>
                                                            {{ $year }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                @error('year')
                                                    <span class="invalid-feedback d-block">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                    </div>
                                </div>

                                <div class="card-footer">
                                    <button type="submit" class="btn btn-info">Submit</button>
                                    <a href="{{ route('indian-panoramas.index') }}"
                                        class="btn btn-warning float-right">Reset</a>
                                </div>
                            </form>
                            
                        </div>
                    </div>
                    <div class="col-md-1"></div>
                </div>
            </div>
        </section>
    </div>
@endsection

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script>
    $(function() {

        function toggleSubCategory() {

            let value = $('#official_selection_id').val();

            // Hide all first
            $('#general_sub_category_div').hide();
            $('#ai_competition_div').hide();
            $('#ai_non_competition_div').hide();

            switch (value) {
                case '4':
                    $('#general_sub_category_div').show();
                    break;

                case '7':
                    $('#ai_competition_div').show();
                    break;

                case '8':
                    $('#ai_non_competition_div').show();
                    break;
            }
        }

        // On change
        $('#official_selection_id').on('change', toggleSubCategory);

        // Trigger on page load (important for old() values after validation)
        toggleSubCategory();

    });
</script>