@extends('admin.layout.panel')

@section('title')
    مدیریت فیلم و سریال ها - افزودن
@endsection

@section('css')
    <!-- InternalFileupload css-->
    <link href="{{ asset('assets/plugins/fileuploads/css/fileupload.css') }}" rel="stylesheet" type="text/css" />

    <!-- InternalFancy uploader css-->
    <link href="{{ asset('assets/plugins/fancyuploder/fancy_fileupload.css') }}" rel="stylesheet" />

    <!-- InternalSumoselect css-->
    <link rel="stylesheet" href="{{ asset('assets/plugins/sumoselect/sumoselect-rtl.css') }}">

    <!-- Select2 css -->
    <link href="{{ asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet">
@endsection

@section('content')
    <!-- Page Header -->
    <div class="page-header">
        <div>
            <h2 class="main-content-title tx-24 mg-b-5">مدیریت فیلم و سریال ها</h2>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">داشبورد</a></li>
                <li class="breadcrumb-item"><a href="{{ route('admin.movie') }}">فیلم و سریال ها</a></li>
                <li class="breadcrumb-item active" aria-current="page">افزودن</li>
            </ol>
        </div>

    </div>
    <!-- End Page Header -->
    <!-- Row -->
    <div class="row row-sm">
        <div class="col-lg-12">
            <div class="card custom-card">
                <div class="card-body p-5">
                    @can(\App\Enum\Permissions::WEB_CREATE_MOVIE)
                        <form action="{{ route('admin.movieCreate') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <h6 class="h3 text-info mb-4">فرم افزودن</h6>
                            <div class="input-group mb-2">
                                <input id="imdb_code" class="form-control mr-1" type="text" name="imdb_code"
                                    oninput="fillParameter()" value="{{ old('imdb_code') ?? $callbackImdbID }}"
                                    placeholder="شناسه IMDB">
                                <a id="searchLink" href="{{ route('admin.movieCreateView') }}?">
                                    <button class="btn btn-info" type="button">
                                        <i class="fa fa-search"></i>
                                    </button>
                                </a>
                                <input oninput="validateInput(event)" class="form-control mx-1" type="text" name="slug"
                                    placeholder="نامک" value="{{ old('slug') }}">
                                <div class="input-group-text mx-1">
                                    <label class="custom-switch">
                                        <input id="threed" type="checkbox" name="threed" class="custom-switch-input">
                                        <span class="custom-switch-indicator"></span>
                                        <span class="custom-switch-description">سه بعدی</span>
                                    </label>
                                </div>
                            </div>
                            <div class="input-group mb-2">
                                <input class="form-control mx-1" type="text" name="fa_title" placeholder="عنوان فارسی"
                                    value="{{ old('fa_title') ?? $callbackFaTitle }}">
                                <input id="en_title" class="form-control mx-1" type="text" name="en_title"
                                    value="{{ old('en_title') ?? $callbackEnTitle }}" placeholder="عنوان انگلیسی">
                            </div>
                            <div class="mb-2 row">
                                <div class="col-sm-3">
                                    <input id="play_status" class="form-control mx-1" type="text" name="play_status"
                                        value="{{ old('play_status') }}" placeholder="وضعیت پخش">
                                </div>
                                <div class="col-sm-3">
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text text-muted" id="basic-addon1">تاریخ شروع انتشار</span>
                                        </div>
                                        <div class="input-group-prepend">
                                            <div class="input-group-text">
                                                <i class="fa fa-calendar lh--9 op-6"></i>
                                            </div>
                                        </div><input id="published_start_date" onfocus="this.showPicker()" class="form-control"
                                            type="date" value="{{ old('published_start_date') ?? $callbackReleased }}"
                                            name="published_start_date">
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text text-muted" id="basic-addon1">تاریخ پایان
                                                انتشار</span>
                                        </div>
                                        <div class="input-group-prepend">
                                            <div class="input-group-text">
                                                <i class="fa fa-calendar lh--9 op-6"></i>
                                            </div>
                                        </div><input id="published_end_date" onfocus="this.showPicker()" class="form-control"
                                            type="date" value="{{ old('published_end_date') }}" name="published_end_date">
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text text-muted" id="basic-addon1">زمان انتشار</span>
                                        </div>
                                        <div class="input-group-prepend">
                                            <div class="input-group-text">
                                                <i class="fe fe-clock lh--9 op-6"></i>
                                            </div>
                                        </div><input id="release_time" onfocus="this.showPicker()" class="form-control"
                                            type="time" value="{{ old('release_time') }}" name="release_time">
                                    </div>
                                </div>
                            </div>
                            <div class="input-group mb-2">
                                <input class="form-control mx-1" type="text" id="country" name="country"
                                    placeholder="کشور" value="{{ old('country') ?? $callbackCountry }}">
                                <input class="form-control mx-1" type="text" id="language" name="language"
                                    placeholder="زبان" value="{{ old('language') ?? $callbackLanguage }}">
                                <input class="form-control mx-1" type="text" id="channel" name="channel"
                                    placeholder="شبکه" value="{{ old('channel') }}">
                                <input class="form-control" type="number" id="imdb_rank" name="imdb_rank"
                                    placeholder="رتبه در IMDB" value="{{ old('imdb_rank') }}">
                                <div class="input-group-text mr-1">
                                    <label class="custom-switch">
                                        <input id="imdb_250_top_rank" type="checkbox" name="imdb_250_top_rank"
                                            class="custom-switch-input">
                                        <span class="custom-switch-indicator"></span>
                                        <span class="custom-switch-description">جز 250 فیلم IMDB هست</span>
                                    </label>
                                </div>
                            </div>
                            <div class="row">
                                <div class="input-group mb-2 col-9">
                                    <input class="form-control" type="text" name="trailer_path"
                                        value="{{ old('trailer_path') }}" placeholder="ادرس تریلر">
                                </div>
                                <div class="input-group mb-2 col-3">
                                    <select class="form-control select2" name="pre_link_domain_id">
                                        <option value="-1">بدون پیش دامنه</option>
                                        @foreach ($preDomainLinks as $preDomainLink)
                                            <option value="{{ $preDomainLink->id }}"
                                                @if (old('pre_link_domain_id') == $preDomainLink->id) selected @endif>
                                                {{ $preDomainLink->current_domain }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="input-group mb-2">
                                <input class="form-control mx-1" type="text" name="trailer_subtitle_fa"
                                    value="{{ old('trailer_subtitle_fa') }}" placeholder="زیر نویس تریلر فارسی">
                                <input class="form-control mx-1" type="text" name="trailer_subtitle_en"
                                    value="{{ old('trailer_subtitle_en') }}" placeholder="زیر نویس تریلر انگلیسی">
                            </div>
                            <div class="input-group mb-2">
                                <input class="form-control mx-1" type="text" id="imdb_rate" name="imdb_rate"
                                    value="{{ old('imdb_rate') ?? $callbackIMDBRate }}" placeholder="امتیار IMDB">
                                <input class="form-control mx-1" type="text" id="imdb_vote_count" name="imdb_vote_count"
                                    value="{{ old('imdb_vote_count') ?? $callbackIMDBVotes }}"
                                    placeholder="تعداد امتیاز دهنده IMBD">
                                <input class="form-control mx-1" type="text" id="rotten_rate" name="rotten_rate"
                                    value="{{ old('rotten_rate') ?? $callbackRottenRate }}" placeholder="امتیاز Rotten">
                                <input class="form-control mx-1" type="text" id="metacritic_rate" name="metacritic_rate"
                                    value="{{ old('metacritic_rate') ?? $callbackMetacriticRate }}"
                                    placeholder="امتیاز Metacritic">
                                <input class="form-control mx-1" type="text" id="anime_rate" name="anime_rate"
                                    value="{{ old('anime_rate') }}" placeholder="امتیاز انیمه">
                            </div>
                            <div class="input-group mb-2">
                                <input class="form-control mx-1" type="text" id="imdb_link" name="imdb_link"
                                    value="{{ old('imdb_link') }}" placeholder="لینک IMDB">
                                <input class="form-control mx-1" type="text" id="rotten_link" name="rotten_link"
                                    value="{{ old('rotten_link') }}" placeholder="لینک روتن">
                                <input class="form-control mx-1" type="text" id="metacritic_link" name="metacritic_link"
                                    value="{{ old('metacritic_link') }}" placeholder="لینک متاکرتیک">
                                <input class="form-control mx-1" type="text" id="anime_link" name="anime_link"
                                    value="{{ old('anime_link') }}" placeholder="لینک انیمه">
                                <input class="form-control mx-1" type="text" id="neterplay_movie_link" name="neterplay_movie_link"
                                    value="{{ old('neterplay_movie_link') }}" placeholder="لینک نترپلی مووی">
                            </div>
                            <div class="row mb-2">
                                <div class="input-group col-sm-5">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text text-muted" id="basic-addon1">انتشار قسمت بعدی</span>
                                    </div>
                                    <div class="input-group-text">
                                        <i class="fe fe-calendar lh--9 op-6"></i>
                                    </div>
                                    <input class="form-control fc-datepicker" id="next_episode_date" name="next_episode_date"
                                        value="{{ old('next_episode_date') }}" placeholder="تاریخ انتشار قسمت بعدی"
                                        type="text">
                                    <div class="input-group-prepend">
                                        <div class="input-group-text">
                                            <i class="fe fe-clock lh--9 op-6"></i>
                                        </div>
                                    </div><input onfocus="this.showPicker()" class="form-control" type="time"
                                        value="{{ old('next_episode_time') }}" id="next_episode_time"
                                        name="next_episode_time" placeholder="زمان انتشار قسمت بعدی">
                                </div>
                                <div class="input-group col-sm-7">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text text-muted" id="basic-addon1">آخرین تغییرات</span>
                                    </div>
                                    <input type="text" class="form-control" placeholder="متن آخرین تغییرات"
                                        name="last_update_message" id="last_update_message"
                                        value="{{ old('last_update_message') }}">
                                    <div class="input-group-text">
                                        <i class="fe fe-calendar lh--9 op-6"></i>
                                    </div>
                                    <input class="form-control fc-datepicker" id="last_update_date" name="last_update_date"
                                        value="{{ old('last_update_date') }}" placeholder="تاریخ آخرین تغییرات"
                                        type="text">
                                    <div class="input-group-prepend">
                                        <div class="input-group-text">
                                            <i class="fe fe-clock lh--9 op-6"></i>
                                        </div>
                                    </div><input onfocus="this.showPicker()" class="form-control" type="time"
                                        value="{{ old('last_update_time') }}" id="last_update_time" name="last_update_time"
                                        placeholder="زمان آخرین تغییرات">
                                </div>
                            </div>
                            <div class="input-group mb-2">
                                <textarea id="fa_summarize" class="form-control mx-1" name="fa_summarize" rows="10" placeholder="خلاصه فارسی">{{ old('fa_summarize') /*?? $callbackFaSummarize*/ }}</textarea>
                                <textarea id="en_summarize" class="form-control mx-1 text-left" name="en_summarize" rows="10"
                                    placeholder="خلاصه انگلیسی">{{ old('en_summarize') ?? $callbackEnSummarize }}</textarea>
                            </div>
                            <div class="input-group mb-2">
                                <input class="form-control mx-1" type="text" id="award" name="award"
                                    placeholder="جوایز" value="{{ old('award') ?? $callbackAwards }}">
                                <input class="form-control mx-1" type="text" name="seo_title"
                                    value="{{ old('seo_title') }}" placeholder="عنوان برای SEO">
                                <input class="form-control mx-1" type="text" name="seo_description"
                                    value="{{ old('seo_description') }}" placeholder="توضیحات برای SEO">
                            </div>
                            <h6 class="text-muted h6 my-3">دیگر تگ های SEO</h6>
                            <input class="form-control" type="text" name="seo_metatag"
                                placeholder="با ویرگول آیتم های خود را جدا کنید" value="{{ old('seo_metatag') }}">
                            <div class="row mb-4">
                                <div class="col-sm-4">
                                    <h6 class="text-muted h6 m-3">تصویر اندازه لپ تاپ (عرض 1920 در ارتفاع 1080)</h6>
                                    <div class="mx-1">
                                        <input type="file" class="dropify" data-height="200" name="laptop_image">
                                        <input class="form-control" type="url" name="laptop_image_directLink"
                                            id="laptop_image_directLink" value="{{ old('laptop_image_directLink') }}"
                                            placeholder="لینک مستقیم تصویر اندازه لپ تاپ">
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <h6 class="text-muted h6 m-3">تصویر اندازه عریض (عرض 1000 در ارتفاع 185)</h6>
                                    <div class="mx-1">
                                        <input type="file" class="dropify" data-height="200" name="wide_image">
                                        <input class="form-control" type="url" name="wide_image_directLink"
                                            id="wide_image_directLink" value="{{ old('wide_image_directLink') }}"
                                            placeholder="لینک مستقیم تصویر اندازه عریض">
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <h6 class="text-muted h6 m-3">تصویر اندازه موبایل (عرض 1000 در ارتفاع 1426)</h6>
                                    <div class="mx-1">
                                        <input type="file" class="dropify" data-height="200" name="mobile_image">
                                        <input class="form-control" type="url" name="mobile_image_directLink"
                                            id="mobile_image_directLink" value="{{ old('mobile_image_directLink') }}"
                                            placeholder="لینک مستقیم تصویر اندازه موبایل">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-sm-4">
                                    <h6 class="text-muted h6 my-3">انتخاب دسته</h6>
                                    <div class="input-group mb-2">
                                        <select id="category" name="category" class="form-control select-lg select2">
                                            <option value=""></option>
                                            @foreach ($categories as $category)
                                                <option value="{{ $category->id }}"
                                                    @if (old('category') == $category->id) selected @endif>
                                                    @if ($category->parent_id)
                                                    {{ $category->parent->title }} -
                                                    @endif {{ $category->title }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <h6 class="text-muted h6 my-3">انتخاب کالکشن</h6>
                                    <div class="input-group mb-2">
                                        <select id="collection" name="collection" class="form-control select-lg select2">
                                            <option value="-1">بدون کالکشن</option>
                                            @foreach ($collections as $collection)
                                                <option value="{{ $collection->id }}"
                                                    @if (old('collection') == $collection->id) selected @endif>
                                                    {{ $collection->title }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <h6 class="text-muted h6 my-3">انتخاب ویژگی ها</h6>
                                    <div class="input-group mb-2">
                                        <select id="features" name="features[]" multiple
                                            class="form-control select-lg select2">
                                            @foreach ($features as $feature)
                                                <option value="{{ $feature->id }}"
                                                    @if (old('feature[]') == $feature->id) selected @endif>
                                                    {{ $feature->title }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="col-sm-4">
                                    <h6 class="text-muted h6 my-3">انتخاب کارگردان</h6>
                                    <div class="input-group">
                                        <select id="movie-director" name="movieDirector[]" multiple
                                            class="form-control select2">
                                            @foreach ($artists as $artist)
                                                <option value="{{ $artist->id }}"
                                                    @if (in_array($artist->id, old('movieDirector[]') ?? [])) selected @endif>
                                                    {{ $artist->en_name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <h6 class="text-muted h6 my-3">انتخاب نویسنده</h6>
                                    <div class="input-group">
                                        <select id="movie-writer" name="movieWriter[]" multiple class="form-control select2">
                                            @foreach ($artists as $artist)
                                                <option value="{{ $artist->id }}"
                                                    @if (in_array($artist->id, old('movieWriter[]') ?? [])) selected @endif>
                                                    {{ $artist->en_name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <h6 class="text-muted h6 my-3">انتخاب بازیگر</h6>
                                    <div class="input-group">
                                        <select id="movie-actor" name="movieActor[]" multiple class="form-control select2">
                                            @foreach ($artists as $artist)
                                                <option value="{{ $artist->id }}"
                                                    @if (in_array($artist->id, old('movieActor[]') ?? [])) selected @endif>
                                                    {{ $artist->en_name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button class="btn ripple btn-primary" type="submit">ثبت</button>
                                <a href="{{ route('admin.movie') }}">
                                    <button class="btn ripple btn-secondary" type="button">لغو</button>
                                </a>
                            </div>
                        </form>
                    @endcan
                </div>
            </div>
        </div>
    </div>
    <!-- End Row -->
@endsection

@section('js')
    <!-- Internal Fileuploads js-->
    <script src="{{ asset('assets/plugins/fileuploads/js/fileupload.js') }}"></script>
    <script src="{{ asset('assets/plugins/fileuploads/js/file-upload.js') }}"></script>

    <!-- InternalFancy uploader js-->
    <script src="{{ asset('assets/plugins/fancyuploder/jquery.ui.widget.js') }}"></script>
    <script src="{{ asset('assets/plugins/fancyuploder/jquery.fileupload.js') }}"></script>
    <script src="{{ asset('assets/plugins/fancyuploder/jquery.iframe-transport.js') }}"></script>
    <script src="{{ asset('assets/plugins/fancyuploder/jquery.fancy-fileupload.js') }}"></script>
    <script src="{{ asset('assets/plugins/fancyuploder/fancy-uploader.js') }}"></script>

    <!-- Datepicker js-->
    <script src="{{ asset('assets/plugins/jquery-ui/ui/widgets/datepicker.js') }}"></script>

    <!-- Internal Jquery-Ui js-->
    <script src="{{ asset('assets/plugins/jquery-ui/ui/widgets/datepicker.js') }}"></script>

    <!-- Internal Jquery.maskedinput js-->
    <script src="{{ asset('assets/plugins/jquery.maskedinput/jquery.maskedinput.js') }}"></script>

    <!-- Internal Specturm-colorpicker js-->
    <script src="{{ asset('assets/plugins/spectrum-colorpicker/spectrum.js') }}"></script>

    <!-- Internal Form-elements js-->
    <script src="{{ asset('assets/js/form-elements.js') }}"></script>

    <!-- InternalSumoselect js-->
    <script src="{{ asset('assets/plugins/sumoselect/jquery.sumoselect.js') }}"></script>

    <!-- Internal Form-elements js-->
    <script src="{{ asset('assets/js/advanced-form-elements.js') }}"></script>
    <script src="{{ asset('assets/js/select2.js') }}"></script>
    <script>
        function fillParameter() {
            const input = document.getElementById('imdb_code').value;
            const link = document.getElementById('searchLink');
            link.href = `{{ route('admin.movieCreateView') }}?imdb_code=${encodeURIComponent(input)}`;
        }
        window.onload = function() {
            fillParameter();
        };
    </script>
    <script>
        function validateInput(event) {
            let input = event.target;
            input.value = input.value.replace(/[^a-zA-Z0-9آ-ی-\s]/g, '');
            input.value = input.value.replace(/--+/g, '-');
            input.value = input.value.replace(/\s-/g, ' ');
        }
    </script>
@endsection