@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">ویرایش {{ $movie->fa_title }}</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_UPDATE_MOVIE)
                        <form action="{{ route('admin.movieUpdate', $movie->id) }}" 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 mx-1" type="text" name="imdb_code"
                                    value="{{ old('imdb_code') ?? $movie->imdb_code }}" placeholder="شناسه IMDB">
                                <input oninput="validateInput(event)" class="form-control mx-1" type="text" name="slug"
                                    placeholder="نامک" value="{{ old('slug') ?? $movie->slug }}">
                                <div class="input-group-text mr-1">
                                    <label class="custom-switch">
                                        <input id="threed" type="checkbox" name="threed"
                                            @if ($movie->threed) checked @endif 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') ?? $movie->fa_title }}">
                                <input id="en_title" class="form-control mx-1" type="text" name="en_title"
                                    value="{{ old('en_title') ?? $movie->en_title }}" 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') ?? $movie->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') ?? $movie->published_start_date }}"
                                            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') ?? $movie->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') ?? $movie->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') ?? $movie->country }}">
                                <input class="form-control mx-1" type="text" id="language" name="language"
                                    placeholder="زبان" value="{{ old('language') ?? $movie->language }}">
                                <input class="form-control mx-1" type="text" id="channel" name="channel"
                                    placeholder="شبکه" value="{{ old('channel') ?? $movie->channel }}">
                                <input class="form-control" type="number" id="imdb_rank" name="imdb_rank"
                                    placeholder="رتبه در IMDB" value="{{ old('imdb_rank') ?? $movie->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"
                                            @if ($movie->imdb_250_top_rank) checked @endif 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') ?? $movie->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 ($movie->pre_link_domain_id == $preDomainLink->id) selected @endif>
                                                {{ $preDomainLink->current_domain }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="input-group mb-2">
                                @php
                                    if ($movie->trailer_subtitle) {
                                        $subtitle = explode(',', $movie->trailer_subtitle);
                                    } else {
                                        $subtitle = ['', ''];
                                    }
                                @endphp
                                <input class="form-control mx-1" type="text" name="trailer_subtitle_fa"
                                    value="{{ old('trailer_subtitle_fa') ?? $subtitle[0] }}"
                                    placeholder="زیر نویس تریلر فارسی">
                                <input class="form-control mx-1" type="text" name="trailer_subtitle_en"
                                    value="{{ old('trailer_subtitle_en') ?? $subtitle[1] }}"
                                    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') ?? $movie->imdb_rate }}" placeholder="امتیار IMDB">
                                <input class="form-control mx-1" type="text" id="imdb_vote_count" name="imdb_vote_count"
                                    value="{{ old('imdb_vote_count') ?? $movie->imdb_vote_count }}"
                                    placeholder="تعداد امتیاز دهنده IMDB">
                                <input class="form-control mx-1" type="text" id="rotten_rate" name="rotten_rate"
                                    value="{{ old('rotten_rate') ?? $movie->rotten_rate }}" placeholder="امتیاز Rotten">
                                <input class="form-control mx-1" type="text" id="metacritic_rate" name="metacritic_rate"
                                    value="{{ old('metacritic_rate') ?? $movie->metacritic_rate }}"
                                    placeholder="امتیاز Metacritic">
                                <input class="form-control mx-1" type="text" id="anime_rate" name="anime_rate"
                                    value="{{ old('anime_rate') ?? $movie->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') ?? $movie->imdb_link }}" placeholder="لینک IMDB">
                                <input class="form-control mx-1" type="text" id="rotten_link" name="rotten_link"
                                    value="{{ old('rotten_link') ?? $movie->rotten_link }}" placeholder="لینک روتن">
                                <input class="form-control mx-1" type="text" id="metacritic_link" name="metacritic_link"
                                    value="{{ old('metacritic_link') ?? $movie->metacritic_link }}"
                                    placeholder="لینک متاکرتیک">
                                <input class="form-control mx-1" type="text" id="anime_link" name="anime_link"
                                    value="{{ old('anime_link') ?? $movie->anime_link }}" placeholder="لینک انیمه">
                                <input class="form-control mx-1" type="text" id="neterplay_movie_link"
                                    name="neterplay_movie_link"
                                    value="{{ old('neterplay_movie_link') ?? $movie->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') ?? ($movie->next_episode ? \App\Modules\Convertor::datetime_to_date_gregorianToJalali($movie->next_episode) : '') }}"
                                        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') ?? ($movie->next_episode ? \App\Modules\Convertor::datetime_to_time_gregorianToJalali($movie->next_episode) : '') }}"
                                        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') ?? $movie->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') ?? ($movie->last_update ? \App\Modules\Convertor::datetime_to_date_gregorianToJalali($movie->last_update) : '') }}"
                                        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') ?? ($movie->last_update ? \App\Modules\Convertor::datetime_to_time_gregorianToJalali($movie->last_update) : '') }}"
                                        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') ?? $movie->fa_summarize }}</textarea>
                                <textarea id="en_summarize" class="form-control mx-1 text-left" name="en_summarize" rows="10"
                                    placeholder="خلاصه انگلیسی">{{ old('en_summarize') ?? $movie->en_summarize }}</textarea>
                            </div>
                            <div class="input-group mb-2">
                                <input class="form-control mx-1" type="text" id="award" name="award"
                                    placeholder="جوایز" value="{{ old('award') ?? $movie->award }}">
                                <input class="form-control mx-1" type="text" name="seo_title"
                                    value="{{ old('seo_title') ?? $movie->seo_title }}" placeholder="عنوان برای SEO">
                                <input class="form-control mx-1" type="text" name="seo_description"
                                    value="{{ old('seo_description') ?? $movie->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') ?? $movie->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="لینک مستقیم تصویر اندازه لپ تاپ">
                                        @if ($movie->laptop_image)
                                            <div class="d-sm-block">
                                                @if (str_contains($movie->laptop_image, 'http'))
                                                    <img alt="avatar" class="rounded" src="{{ $movie->laptop_image }}">
                                                @else
                                                    <img alt="avatar" class="rounded"
                                                        src="{{ $movie->generateLink($movie->laptop_image) }}">
                                                @endif
                                            </div>
                                        @endif
                                    </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="لینک مستقیم تصویر اندازه عریض">
                                        @if ($movie->wide_image)
                                            <div class="d-sm-block">
                                                @if (str_contains($movie->wide_image, 'http'))
                                                    <img alt="avatar" class="rounded" src="{{ $movie->wide_image }}">
                                                @else
                                                    <img alt="avatar" class="rounded"
                                                        src="{{ $movie->generateLink($movie->wide_image) }}">
                                                @endif
                                            </div>
                                        @endif
                                    </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="لینک مستقیم تصویر اندازه موبایل">
                                        @if ($movie->mobile_image)
                                            <div class="d-sm-block">
                                                @if (str_contains($movie->mobile_image, 'http'))
                                                    <img alt="avatar" class="rounded" src="{{ $movie->mobile_image }}">
                                                @else
                                                    <img alt="avatar" class="rounded"
                                                        src="{{ $movie->generateLink($movie->mobile_image) }}">
                                                @endif
                                            </div>
                                        @endif
                                    </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 ($movie->category->id == $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 ($movie->collection_id) @if ($movie->collection->id == $collection->id) selected @endif
                                                    @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 (in_array($feature->id, $selectedFeatures)) 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, $directorsList)) 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, $writersList)) 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, $actorsList)) 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 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