@extends('layouts.admin')
@section('css')
    <link rel="stylesheet" href="{{ asset_public_admin('css/select2.css') }}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.3/dropzone.css"
        integrity="sha512-7uSoC3grlnRktCWoO4LjHMjotq8gf9XDFQerPuaph+cqR7JC9XKGdvN+UwZMC14aAaBDItdRj3DcSDs4kMWUgg=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <style>
        .dropzone .dz-preview .dz-progress {
            top: 115% !important;
            background: rgba(0, 0, 255, 90%) !important;
        }

        #actions {
            margin: 0 0 2em;
        }

        .progress {
            width: 10rem;
        }

        /* Mimic table appearance */
        div.table {
            display: table;
        }

        div.table .file-row {
            display: table-row;
        }

        div.table .file-row>div {
            display: table-cell;
            vertical-align: top;
            border-top: 1px solid #ddd;
            padding: 8px;
        }

        div.table .file-row:nth-child(odd) {
            background: #f9f9f9;
        }

        /* The total progress gets shown by event listeners */
        #total-progress {
            opacity: 0;
            transition: opacity 0.3s linear;
        }

        /* Hide the progress bar when finished */
        #previews .file-row.dz-success .progress {
            opacity: 0;
            transition: opacity 0.3s linear;
        }

        /* Hide the delete button initially */
        #previews .file-row .delete {
            display: none;
        }

        /* Hide the start and cancel buttons and show the delete button */

        #previews .file-row.dz-success .start,
        #previews .file-row.dz-success .cancel {
            display: none;
        }

        #previews .file-row.dz-success .delete {
            display: block;
        }
    </style>
@endsection
@section('content')
    <form class="forms-sample" action="{{ route('admin.title.store') }}" method="POST" id="title-form" enctype="multipart/form-data" autocomplete="off">
        @csrf
        <div class="row">
            <div class="col-md-12 grid-margin">
                <div class="card">
                    <div class="row card-body">
                        <div class="col-xl-12">
                            <h4 class="card-title">@if ($datatype == 2) Update @else New @endif Title</h4>

                            <div class="search-drp savedSearches">
                                <div class="searchInput"><input type="text" class="dropdownsearch" id="title" @if ($datatype == 2) value="{{ $Title->title }}" @endif></div>
                                <ul></ul>
                                <span class="overlimiterror d-none" style="color: red">Limit is Over</span>
                            </div>

                            <div class="form-group title-details">
                                <div class="details">
                                    @if ($datatype == 2)
                                        <div class="details-container">
                                            <h3>Details <a class="edit-icon updatepopup" data-toggle="modal" data-target="#updatepopup" data-backdrop="static" data-keyboard="false" style="float:right"><span class="mdi mdi-lead-pencil"></span></a></h3>
                                            <div class="d-md-flex w-100">
                                                <div class="movie-poster">
                                                    <img src="{{ $Title->poster }}" class="img-fluid" alt="{{ $Title->title }}" />
                                                </div>
                                                <div class="movie-detail mt-5 mt-md-0">
                                                    <h4> {{ $Title->title }}</h4>
                                                    <div clss="font-weight-bold">
                                                        <span class="mr-2">
                                                            <svg class="_22qEau" viewBox="0 0 33 16" height="16" width="33" role="img" style="height:16;width:33" aria-hidden="true">
                                                                <title>Logo Imdb Outline</title>
                                                                <svg xmlns="http://www.w3.org/2000/svg" width="33" height="16">
                                                                    <title>Logo Imdb Outline</title>
                                                                    <path fill="currentColor" fill-rule="evenodd" d="M29.652719 1.0977341c.772758 0 1.396822.618987 1.396822 1.3842208V13.518051c0 .765681-.624064 1.384221-1.396822 1.384221H3.3468573c-.7721217 0-1.3965678-.61854-1.3965678-1.384221V2.4819549c0-.7652338.6244461-1.3842208 1.3965678-1.3842208zm0-.2977341H3.3468573C2.4112479.8 1.65 1.5544797 1.65 2.4819549V13.518051C1.65 14.44553 2.4112479 15.2 3.3468573 15.2H29.652719c.935822 0 1.697281-.75447 1.697281-1.681949V2.4819549C31.35 1.5544797 30.588541.8 29.652719.8"></path>
                                                                    <path fill="currentColor" fill-rule="evenodd" d="M5.9317148 3.8610473v8.3986877h2.1976434V3.8610473H5.9317148m6.8886832 0-.509286 3.9246344-.312287-2.1332276c-.094387-.6837788-.180593-1.2824555-.266926-1.7914068H8.8811102v8.3986877h1.9266258l.0083-5.5445848.809278 5.5445848h1.37198l.772121-5.6666451.0042 5.6666451h1.92209V3.8610473h-2.875228m6.293065 8.3986877c.525819 0 .92022-.02858 1.183331-.08554.258321-.05682.480586-.154532.657089-.301228.176503-.14276.304105-.34196.373904-.594322.07376-.252529.114737-.756987.114737-1.5103496V6.820831c0-.7939403-.03292-1.3269684-.07786-1.5997796-.049309-.2687531-.172528-.517211-.369803-.7365515-.193015-.2203229-.480587-.3789146-.854491-.4763373-.373905-.0978426-.99002-.1471153-2.053784-.1471153h-1.639203v8.3986877zm.02077-6.884012c.08593.048988.143712.1263976.168596.2361392.02444.1058216.03688.3499397.03688.7287133v3.252332c0 .5621415-.03688.9041015-.111069 1.0304995-.07391.125978-.266799.186867-.583326.186867V5.2985972c.238248 0 .402308.024214.488917.077124m3.056013-1.5146587v8.3986745h1.980062l.139641-.533456c.17644.215833.373693.374428.591317.484593.218069.105683.538367.158594.788549.158594.345353 0 .649055-.08944.899702-.272683.254866-.178879.415344-.394866.481095-.639265.06982-.248166.102696-.622608.102696-1.123561V7.9773197c0-.5088167-.0085-.8388767-.03288-.9934102-.020971-.1546716-.090788-.3136849-.201475-.4767616-.115055-.1625009-.275067-.2886238-.489066-.3784902-.217771-.089447-.467931-.134372-.76006-.134372-.250182 0-.574868.049407-.792619.1511671-.213554.097434-.410807.2480424-.587246.4476398V3.8610643Zm2.863486 6.3632735c0 .402993-.02099.663486-.06198.769169-.04087.106244-.217772.158596-.353345.158596-.131184 0-.217771-.04843-.262708-.154113-.04084-.101899-.06575-.338048-.06575-.708568V8.0708145c0-.3829736.02035-.6191066.05761-.7168021.04103-.09351.127285-.1423599.254399-.1423599.135742 0 .316081.057235.36195.1629234.04494.109746.06982.3419696.06982.6962386v2.1535215"></path>
                                                                </svg>
                                                            </svg>
                                                            {{ $Title->ratings }}
                                                        </span>
                                                        <span class="mr-2">{{ $Title->running_time }}</span>
                                                        <span class="mr-2">{{ $Title->year }}</span>
                                                    </div>
                                                    <p class="text-muted mt-3">{{ $Title->description }}</p>
                                                    <table class="">
                                                        <tr>
                                                            <th class="pl-0">Type</th>
                                                            <td>{{ __(App\models\Title::$movietype[$Title->type]) }}</td>
                                                        </tr>
                                                        @if ($Title->type == 1)
                                                            <tr>
                                                                <th class="pl-0">Director</th>
                                                                <td>
                                                                    @foreach ($Title->casts as $key => $casts)
                                                                        @if ($casts->cast_type == 2)
                                                                            {{ $casts->casts->name }}
                                                                        @endif
                                                                    @endforeach
                                                                </td>
                                                            </tr>
                                                        @endif
                                                        <tr>
                                                            <th class="pl-0">Starring</th>
                                                            <td>
                                                                @foreach ($Title->casts as $key => $casts)
                                                                    @if ($casts->cast_type == 1)
                                                                        {{ $casts->casts->name }}@if ($key == 9) @break
                                                                        @endif,
                                                                    @endif
                                                                @endforeach
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <th class="pl-0">Genres</th>
                                                            <td>
                                                                @foreach ($Title->genres as $key => $genre)
                                                                    {{ $genre->genres->title }},
                                                                @endforeach
                                                            </td>
                                                        </tr>
                                                        @if ($Title->type == 1)
                                                            <tr>
                                                                <th class="pl-0">Producer</th>
                                                                <td>
                                                                    @foreach ($Title->casts as $key => $casts)
                                                                        @if ($casts->cast_type == 3)
                                                                            {{ $casts->casts->name }},
                                                                        @endif
                                                                    @endforeach
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <th class="pl-0">Writer</th>
                                                                <td>
                                                                    @foreach ($Title->casts as $key => $casts)
                                                                        @if ($casts->cast_type == 4)
                                                                            {{ $casts->casts->name }},
                                                                        @endif
                                                                    @endforeach
                                                                </td>
                                                            </tr>
                                                        @endif
                                                        @if ($Title->type == 2)
                                                            <tr>
                                                                <th class="pl-0">Creators</th>
                                                                <td>
                                                                    @foreach ($Title->casts as $key => $casts)
                                                                        @if ($casts->cast_type == 5)
                                                                            {{ $casts->casts->name }},
                                                                        @endif
                                                                    @endforeach
                                                                </td>
                                                            </tr>
                                                        @endif
                                                        <tr>
                                                            <th class="pl-0">Country</th>
                                                            <td>{{ $Title->country }}</td>
                                                        </tr>
                                                        <tr>
                                                            <th class="pl-0">Certificate</th>
                                                            <td>{{ $Title->certificate }}</td>
                                                        </tr>
                                                    </table>
                                                    <div class="movie-images"
                                                        style="display: flex; flex-wrap: wrap;gap:10px;">
                                                        @foreach ($Title->posters as $key => $posters)
                                                            <div><img src="{{ $posters->path }}" /></div>
                                                        @endforeach
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                </div>
                                <textarea class="d-none" id="moviedata" name="moviedata">@if ($datatype == 2) {{ $Title->movie_data }} @endif</textarea>
                            </div>
                            <div class="modal fade update-modal" id="updatepopup" tabindex="-1" role="dialog" aria-labelledby="updatepopupLabel" aria-hidden="true">
                                <div class="modal-dialog modal-lg modal-dialog-scrollable" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header py-3">
                                            <h3 class="modal-title" id="updatepopupLabel">Update Manual</h3>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body row" id="updatedata">
                                            <div class="form-group col-sm-6">
                                                <label for="title">Title</label>
                                                <input type="text" class="form-control" id="titlename" placeholder="Title" name="title" @if ($datatype == 2) value="{{ $Title->title }}" @endif>
                                                <input type="hidden" name="datatype" value="{{ $datatype }}">
                                                <input type="hidden" name="ttid" @if ($datatype == 2) value="{{ $Title->ttid }}" @endif>
                                            </div>
                                            <div class="form-group col-sm-6">
                                                <label for="url">Trailer Url</label>
                                                <input type="text" class="form-control" id="url" placeholder="url" name="url" @if ($datatype == 2) value="{{ $Title->url }}" @endif>
                                            </div>
                                            <div class="form-group col-6 d-none">
                                                <label for="type">Type</label>
                                                <div class="d-flex" id="typeContainer">
                                                    <div class="form-check form-check-primary">
                                                        <label class="form-check-label">
                                                            <input type="radio" class="form-check-input" name="type" value="1" id="movie" @if ($datatype == 2) @if ($Title->type == 1) checked @endif @endif>
                                                            Movie
                                                            <i class="input-helper"></i>
                                                        </label>
                                                    </div>
                                                    <div class="form-check form-check-primary ml-3">
                                                        <label class="form-check-label">
                                                            <input type="radio" class="form-check-input" value="2" name="type" id="series" @if ($datatype == 2) @if ($Title->type == 2) checked @endif @endif>
                                                            Series
                                                            <i class="input-helper"></i>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group col-6">
                                                <label for=""> </label>
                                                <div class="d-flex">
                                                    <div class="form-check form-check-primary">
                                                        <label class="form-check-label">
                                                            <input type="checkbox" class="form-check-input" name="featured" value="1" id="featured" @if ($datatype == 2) @if ($Title->feature) checked @endif @endif>
                                                            Featured
                                                            <i class="input-helper"></i>
                                                        </label>
                                                    </div>
                                                    <div class="form-check form-check-primary ml-3">
                                                        <label class="form-check-label">
                                                            <input type="checkbox" class="form-check-input" name="kid_friendly" value="1" id="kid_friendly" @if ($datatype == 2) @if ($Title->kidfrendlies) checked @endif @endif>
                                                            Kid Friendly
                                                            <i class="input-helper"></i>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group col-6">
                                                <label for="year">Description</label>
                                                <textarea class="form-control" name="description" id="description">
                                                @if ($datatype == 2) {{ $Title->description }} @endif
                                                </textarea>
                                            </div>
                                            <div class="form-group col-6">
                                                <label for="mpaa_rating">MPAA Rating</label>
                                                <select class="form-control" name="mpaa_rating" id="mpaa_rating">
                                                    @foreach ($mpaa as $key => $rating)
                                                        <option value="{{ $rating }}" @if ($datatype == 2) @if ($key == $Title->mpaa_rating) selected @endif @endif>{{ $rating }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            <div class="form-group col-6">
                                                <label for="title">Genres</label>
                                                <select class="form-control select2" name="genres[]" id="genres" multiple>
                                                    <option value="">Genres</option>
                                                    @if ($genres)
                                                        @foreach ($genres as $item)
                                                            <option value="{{ $item->title }}" @if ($datatype == 2) @foreach ($Title->genres as $ge) @if ($ge->genres->id == $item->id) selected @endif @endforeach
                                                        @endif>{{ $item->title }}</option>
                                                    @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                            <div class="form-group col-6">
                                                <label for="year">Year</label>
                                                <input type="text" class="form-control onlyNumber" id="year" placeholder="year" name="year" @if ($datatype == 2) value="{{ $Title->year }}" @endif>
                                            </div>

                                            <div class="form-group col-6 actorsform">
                                                <label for="actors">Actors</label>
                                                <input type="text" class="form-control" id="actors" placeholder="Actors" name="actors" @if ($datatype == 2) value="{{ implode(',', $data['actors']) }}" @endif>
                                            </div>
                                            <div class="form-group col-6 directorform @if ($datatype == 1) d-none @else @if ($Title->type == 2) d-none @endif @endif">
                                                <label for="director">Director</label>
                                                <input type="text" class="form-control" id="director" placeholder="Director" name="director" @if ($datatype == 2) @if ($Title->type == 1) value="{{ implode(',', $data['director']) }}" @endif @endif>
                                            </div>
                                            <div class="form-group col-6 producersform @if ($datatype == 1) d-none @else @if ($Title->type == 2) d-none @endif @endif">
                                                <label for="producers">Producers</label>
                                                <input type="text" class="form-control" id="producers" placeholder="Producers" name="producers" @if ($datatype == 2) @if ($Title->type == 1) value="{{ implode(',', $data['producers']) }}" @endif @endif>
                                            </div>
                                            <div
                                                class="form-group col-6 writersform @if ($datatype == 1) d-none @else @if ($Title->type == 2) d-none @endif @endif">
                                                <label for="writers">Writers</label>
                                                <input type="text" class="form-control" id="writers" placeholder="Writers" name="writers" @if ($datatype == 2) @if ($Title->type == 1) value="{{ implode(',', $data['writers']) }}" @endif @endif>
                                            </div>
                                            <div
                                                class="form-group col-6 creatorsform @if ($datatype == 1) d-none @else @if ($Title->type == 1) d-none @endif @endif">
                                                <label for="creators">Creators</label>
                                                <input type="text" class="form-control" id="creators"
                                                    placeholder="Creators" name="creators"
                                                    @if ($datatype == 2) @if ($Title->type == 2) value="{{ implode(',', $data['creators']) }}" @endif
                                                    @endif>
                                            </div>

                                            <div class="form-group col-6">
                                                <label for="running_time">Running Time (In minutes)</label>
                                                <input type="text" class="form-control" id="running_time"
                                                    placeholder="Running Time" name="running_time"
                                                    @if ($datatype == 2) value="{{ $Title->running_time }}" @endif>
                                            </div>
                                            <div class="form-group col-md-4 col-6">
                                                <label for="release_date">Release Date</label>
                                                <input type="date" class="form-control" id="release_date"
                                                    placeholder="Release Date" name="release_date"
                                                    @if ($datatype == 2) value="{{ $Title->release_date }}" @endif>
                                            </div>
                                            <div class="form-group col-md-4 col-6">
                                                <label for="ratings">Ratings</label>
                                                <input type="text" class="form-control" id="ratings"
                                                    placeholder="Ratings" name="ratings"
                                                    @if ($datatype == 2) value="{{ $Title->ratings }}" @endif>
                                            </div>
                                            <div class="form-group col-md-4 col-6">
                                                <label for="certificate">Certificates</label>
                                                <input type="text" class="form-control" id="certificate"
                                                    placeholder="Certificate" name="certificate"
                                                    @if ($datatype == 2) value="{{ $Title->certificate }}" @endif>
                                            </div>
                                            <div class="form-group col-6">
                                                <label for="certificate">Country</label>
                                                <input type="text" class="form-control" id="country"
                                                    placeholder="Country" name="country"
                                                    @if ($datatype == 2) value="{{ $Title->country }}" @endif>
                                            </div>
                                            <div class="form-group col-6 @if ($datatype == 2) @if($Title->type == 1) d-none @endif @endif" id="seasoncheck">
                                                <label for="Season">Seasons</label>
                                                <input type="text" class="form-control" id="Season"
                                                    placeholder="Season" name="season"
                                                    @if ($datatype == 2) value="{{ $Title->season }}" @endif>
                                            </div>
                                            <div class="form-group col-6"></div>

                                            <div class="form-group col-6">
                                                <label>Poster</label>
                                                <input type="file" name="poster" class="dropify image" id="image" accept="image/*" @if ($datatype == 2) data-default-file="{{ $Title->poster }}" @endif>
                                                <span style="color: red">Image Size : 900 X 1289 PX</span>
                                            </div>
                                            <div class="form-group col-6">
                                                <label>Featured Image</label>
                                                <input type="file" name="featuredimage" class="dropify image" id="featuredimage" accept="image/*" @if ($datatype == 2) data-default-file="{{ $Title->featuredimage }}" @endif>
                                                <span style="color: red">Image Size : 1218 X 609 PX</span>
                                            </div>
                                            <div class="form-group col-12">
                                                <label>Images</label>
                                                <div id="actions" class="row">
                                                    <div class="col-lg-7">
                                                        <span class="btn btn-success fileinput-button dz-clickable">Add files...</span>
                                                        <button type="button" class="btn btn-primary start d-none">Start upload</button>
                                                        <button type="button" class="btn btn-warning cancel d-none">Cancel upload</button>
                                                    </div>
                                                    <div class="col-lg-5">
                                                        <span class="fileupload-process">
                                                            <div id="total-progress" class="progress active" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" style="opacity: 0;">
                                                                <div class="progress-bar progress-bar-striped progress-bar-success" role="progressbar" style="width: 100%;" data-dz-uploadprogress=""></div>
                                                            </div>
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="" class="files" id="previews">
                                                    <div id="template" class="file-row">
                                                        <img data-dz-thumbnail />
                                                        <button type="button" class="btn btn-danger delete del-image"><span class="icon-trash"></span></button>
                                                    </div>
                                                    @if ($datatype == 2)
                                                        @foreach ($Title->posters as $key => $posters)
                                                            <div class="file-row dz-processing dz-image-preview dz-success dz-complete">
                                                                <img data-dz-thumbnail src="{{ $posters->path }}" height="60px" />
                                                                {{-- <div><p class="name" data-dz-name>-</p><strong class="error text-danger" data-dz-errormessage></strong></div>
                                                                <div><p class="size" data-dz-size></p>
                                                                    <div class="progress progress-striped active" role="progressbar" >
                                                                        <div class="progress-bar progress-bar-success"></div>
                                                                    </div>
                                                                </div> --}}
                                                                <button type="button" class="btn btn-danger delete del-image"><span class="icon-trash"></span></button>
                                                            </div>
                                                        @endforeach
                                                    @endif
                                                </div>
                                                <div id="uploadedimg">
                                                    @if ($datatype == 2)
                                                        @foreach ($Title->posters as $key => $posters)
                                                            <input type="hidden" name="images[]" class="images" value="{{ $posters->path }}">
                                                        @endforeach
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-12 text-center">
                                                <button type="buttom" class="btn btn-primary mr-2" data-dismiss="modal" aria-label="Close">Submit</button>
                                                @if ($datatype == 2)
                                                    <button type="button" name="api" class="btn btn-success DropdownliValue" data-id="{{  $Title->ttid }}">Update Via Api </button>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-xl-12 mb-5 @if ($datatype == 1) d-none @else @if ($Title->type == 1) d-none @endif @endif" id="seasonepisode">
                            <div class="details-container">
                                <h3 class="card-title">Season Episode <a class="edit-icon seasonpopup"
                                        data-toggle="modal" data-target="#seasonpopup" data-backdrop="static"
                                        data-keyboard="false" style="float:right"><span
                                            class="mdi mdi-lead-pencil"></span></a></h3>
                                <div class="container">
                                    <div id="accordion" class="py-5">
                                        @if ($datatype == 2)
                                            @if ($Title->type == 2)
                                                @foreach (json_decode($Title->season) as $seasonno)
                                                    <div class="card border-0 bg-transparent">
                                                        <div class="card-header p-0 border-0"
                                                            id="heading-{{ $seasonno }}">
                                                            <button type="button"
                                                                class="btn btn-link accordion-title border-0 py-3 collapse collapsed"
                                                                data-toggle="collapse"
                                                                data-target="#collapse-{{ $seasonno }}"
                                                                aria-expanded="true"
                                                                aria-controls="#collapse-{{ $seasonno }}">
                                                                <i
                                                                    class="icon-minus text-center d-flex align-items-center justify-content-center h-100"></i>
                                                                Season {{ $seasonno }}</button>
                                                        </div>
                                                        <div id="collapse-{{ $seasonno }}"
                                                            class="collapse {{ $seasonno }}"
                                                            aria-labelledby="heading-{{ $seasonno }}"
                                                            data-parent="#accordion">
                                                            <div class="card-body accordion-body px-0">
                                                                <div class="row form-row"
                                                                    id="episodedataid_{{ $seasonno }}">
                                                                    @foreach ($Title->seasons as $season)
                                                                        @if ($season->seasonNumber == $seasonno)
                                                                            <div class="col-xl-6 col-md-6 mb-2">
                                                                                <div
                                                                                    class="list_item odd d-flex w-100 season-epList">
                                                                                    <div class="image mr-2">
                                                                                        <div
                                                                                            class="hover-over-image zero-z-index ">
                                                                                            <img class="zero-z-index"
                                                                                                alt="{{ $season->title }}"
                                                                                                src="{{ $season->image }}">
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="info w-100"
                                                                                        itemprop="episodes" itemscope=""
                                                                                        itemtype="http://schema.org/TVEpisode">
                                                                                        <div
                                                                                            class="d-flex justify-content-between w-100 mb-2">
                                                                                            <b
                                                                                                class="small font-weight-bold text-muted">Ep
                                                                                                {{ $season->episodeNumber }}</b>
                                                                                            <div class="airdate">
                                                                                                {{ $season->released }}
                                                                                            </div>
                                                                                        </div>
                                                                                        <h4 class="">
                                                                                            {{ $season->title }}</h4>
                                                                                        <div class="ipl-rating-widget">
                                                                                            <div
                                                                                                class="ipl-rating-star small d-flex">
                                                                                                <span
                                                                                                    class="ipl-rating-star__star">
                                                                                                    <svg class="ipl-icon ipl-star-icon"
                                                                                                        xmlns="http://www.w3.org/2000/svg"
                                                                                                        fill="#000000"
                                                                                                        height="24"
                                                                                                        viewBox="0 0 24 24"
                                                                                                        width="24">
                                                                                                        <path
                                                                                                            d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z">
                                                                                                        </path>
                                                                                                    </svg>
                                                                                                </span>
                                                                                                <span
                                                                                                    class="ipl-rating-star__rating">{{ $season->imDbRating }}</span>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        @endif
                                                                    @endforeach
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            @endif
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="modal fade update-modal" id="seasonpopup" tabindex="-1" role="dialog" aria-labelledby="seasonpopupLabel" aria-hidden="true">
                                <div class="modal-dialog modal-lg" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h3 class="modal-title" id="seasonpopupLabel">Update Season</h3>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <div id="accordion1">
                                                @if ($datatype == 2)
                                                    @if ($Title->type == 2)
                                                        @foreach (json_decode($Title->season) as $seasonno)
                                                            <div class="card border-0">
                                                                <div class="card-header p-0 border-0" id="heading1-{{ $seasonno }}">
                                                                    <button type="button" class="btn btn-link accordion-title border-0 collapse collapsed py-3" data-toggle="collapse" data-target="#collapse1-{{ $seasonno }}" aria-expanded="true" aria-controls="#collapse1-{{ $seasonno }}">
                                                                        <i class="icon-minus text-center d-flex align-items-center justify-content-center h-100"></i> Season {{ $seasonno }}
                                                                    </button>
                                                                </div>
                                                                <div id="collapse1-{{ $seasonno }}" class="collapse {{ $seasonno }}" aria-labelledby="heading1-{{ $seasonno }}" data-parent="#accordion1">
                                                                    <div class="card-body accordion-body px-0">
                                                                        <div class="row form-row" id="episodeformid_{{ $seasonno }}">
                                                                            @foreach ($Title->seasons as $keu => $episodes)
                                                                                @if ($episodes->seasonNumber == $seasonno)
                                                                                    <div class="col-xl-12 col-md-12 mb-2 odd px-4">
                                                                                        <h3 class="mb-3 pt-4">Episode {{ $episodes->episodeNumber }}</h3>
                                                                                        <div class="list_item  w-100 row m-0">
                                                                                            <input type="text" hidden class="form-control" name="episodeNumber{{ $seasonno }}[]" value="{{ $episodes->episodeNumber }}">
                                                                                            <input type="text" hidden class="form-control" name="etid{{ $seasonno }}[]" value="{{ $episodes->id }}">
                                                                                            <div class="row w-100">
                                                                                                <div class="form-group col-sm-4">
                                                                                                    <label for="url">Title</label>
                                                                                                    <input type="text"  class="form-control" name="episodetitle{{ $seasonno }}[]" value="{{ $episodes->title }}">
                                                                                                </div>
                                                                                                <div class="form-group col-sm-8">
                                                                                                    <label for="url">Description</label>
                                                                                                    <input type="text" class="form-control" name="episodeplot{{ $seasonno }}[]" value="{{ $episodes->plot }}">
                                                                                                </div>
                                                                                                <div class="col-sm-4">
                                                                                                    <div class="row">
                                                                                                        <div class="form-group col-12">
                                                                                                            <label for="url">Full Title</label>
                                                                                                            <input type="text" class="form-control" name="fullTitle{{ $seasonno }}[]" value="{{ $episodes->fullTitle }}">
                                                                                                        </div>
                                                                                                        <div class="form-group col-6">
                                                                                                            <label for="url">Year</label>
                                                                                                            <input type="text" class="form-control" name="episodeyear{{ $seasonno }}[]" value="{{ $episodes->year }}">
                                                                                                        </div>
                                                                                                        <div class="form-group col-6">
                                                                                                            <label for="url">released</label>
                                                                                                            <input type="text" class="form-control" name="episodereleased{{ $seasonno }}[]" value="{{ $episodes->released }}">
                                                                                                        </div>
                                                                                                    </div>

                                                                                                    <div class="form-group ">
                                                                                                        <label for="url">IMDb Rating</label>
                                                                                                        <input type="text" class="form-control" name="episodeimDbRating{{ $seasonno }}[]" value="{{ $episodes->imDbRating }}">
                                                                                                    </div>
                                                                                                </div>

                                                                                                <div class="form-group col-sm-8">
                                                                                                    <label>Image</label>
                                                                                                    <input type="hidden" name="episodeimage1_{{ $seasonno }}[]" value="{{ $episodes->image }}">
                                                                                                    <input type="file" name="episodeimage_{{ $seasonno }}_{{ $keu }}" class="image dropify" accept="image/*" data-default-file="{{ $episodes->image }}">
                                                                                                </div>
                                                                                                <div class="col-sm-12">
                                                                                                    <div class="row">
                                                                                                        <div class="form-group col-3">
                                                                                                            <label for="runtimeMins">Running Time (In minutes)</label>
                                                                                                            <input type="text" class="form-control" name="runtimeMins{{ $seasonno }}[]" value="{{ $episodes->runtimeMins }}">
                                                                                                        </div>
                                                                                                        <div class="form-group col-3">
                                                                                                            <label for="countries">Country</label>
                                                                                                            <input type="text" class="form-control" name="countries{{ $seasonno }}[]" value="{{ $episodes->countries }}">
                                                                                                        </div>
                                                                                                        <div class="form-group col-3">
                                                                                                            <label for="mpaa_rating">Certificate</label>
                                                                                                            <select class="form-control" name="mpaa_rating{{ $seasonno }}[]">
                                                                                                                @foreach ($mpaa as $key => $rating)
                                                                                                                    <option value="{{ $rating }}" @if ($key == $episodes->mpaa_rating) selected @endif>{{ $rating }}</option>
                                                                                                                @endforeach
                                                                                                            </select>
                                                                                                        </div>
                                                                                                        <div class="form-group col-3">
                                                                                                            <label for="contentRating">Geners</label>
                                                                                                            <input type="text" class="form-control" name="genres{{ $seasonno }}[]" value="{{ $episodes->genres }}">
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-sm-12">
                                                                                                    <div class="row">
                                                                                                        <div class="form-group col-4">
                                                                                                            <label for="actors">Actors</label>
                                                                                                            <input type="text" class="form-control" name="actors{{ $seasonno }}[]" value="{{ $episodes->actors }}">
                                                                                                        </div>
                                                                                                        <div class="form-group col-4">
                                                                                                            <label for="director">Director</label>
                                                                                                            <input type="text" class="form-control" name="directors{{ $seasonno }}[]" value="{{ $episodes->directors }}">
                                                                                                        </div>
                                                                                                        <div class="form-group col-4">
                                                                                                            <label for="writers">Writers</label>
                                                                                                            <input type="text" class="form-control" name="writers{{ $seasonno }}[]" value="{{ $episodes->writers }}">
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                @endif
                                                                            @endforeach
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                    @endif
                                                @endif
                                            </div>
                                            <div class="text-center">
                                                <hr>
                                                <button type="buttom" class="btn btn-primary mr-2" data-dismiss="modal" aria-label="Close">Submit</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group col-12 title-details savebtn @if ($datatype == 1) d-none @endif">
                            <div class="details-container mt-0 text-center">
                                <button type="submit" name="submit" class="btn btn-primary save-title">Save </button>
                                <a href="{{ route('admin.title.index') }}" class="btn btn-warning">Cancel </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
    <div class="menualupdate"></div>
@endsection

@section('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.3/dropzone.js" integrity="sha512-9e9rr82F9BPzG81+6UrwWLFj8ZLf59jnuIA/tIf8dEGoQVu7l5qvr02G/BiAabsFOYrIUTMslVN+iDYuszftVQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="{{ asset_public_admin('js/select2.min.js') }}"></script>
{{-- <script src="{{ asset_public_admin('js/file-upload.js') }}"></script> --}}

<script>
    var previewNode = document.querySelector("#template");
    previewNode.id = "";
    var previewTemplate = previewNode.parentNode.innerHTML;
    previewNode.parentNode.removeChild(previewNode);

    var myDropzone = new Dropzone('#updatepopup', {
        url: "{{ route('admin.title.uploadfile') }}",
        thumbnailWidth: 60,
        thumbnailHeight: 60,
        parallelUploads: 20,
        previewTemplate: previewTemplate,
        autoQueue: true,
        previewsContainer: "#previews",
        clickable: ".fileinput-button",
        acceptedFiles: ".jpeg,.jpg,.png,.gif",
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    myDropzone.on("totaluploadprogress", function(progress) {
        document.querySelector("#total-progress .progress-bar").style.width = progress + "%";
    });

    myDropzone.on("sending", function(file) {
        document.querySelector("#total-progress").style.opacity = "1";
    });
    myDropzone.on("success", function(file, response) {
        $('#uploadedimg').append('<input type="hidden" name="images[]" class="images" value="' + response + '">');
    });

    myDropzone.on("queuecomplete", function(progress) {
        document.querySelector("#total-progress").style.opacity = "0";
    });

    var s2 = $('.select2').select2();
    var delayTimer;
    var ajaxReq = searchTitleAjaxReq = 'ToCancelPrevReq';
    var apikey = "k_74q8ivck";

    $('#exampleModal').on('show.bs.modal')

    $(document).ready(function() {
        $(window).keydown(function(event) {
            if (event.keyCode == 13) {
                event.preventDefault();
                return false;
            }
        });
    });

    $(function() {
        $("#title-form").validate({
            rules: {
                title: "required",
                url: {
                    required: true,
                },
            },
            messages: {
                title: "Please enter title",
            },
            errorPlacement: function(error, element) {
                error.insertAfter(element);
            },
            submitHandler: function(form) {
                form.submit();
            }
        });
    });

    $('.dropdownsearch').on('keyup', function() {
        var rr = $(this);
        var value = rr.val();
        if (value.length >= 2) {
            $('#title').css('background-image', 'url(' + url + '/admin_assets/images/preloader-white.gif)').css('background-repeat', 'no-repeat').css('background-position', 'right');
            clearTimeout(delayTimer);
            delayTimer = setTimeout(function() {
                $('.title-details .details').empty();
                var $parent = rr.closest('.search-drp');
                var results = 0;
                $('.search-drp ul').hide();
                var getTarget = rr.parents(".searchInput").next('ul');
                getTarget.empty();
                getTarget.show();
                getTarget.children('.searchInput').children('input').focus();

                // var api_url = "https://imdb-api.com/en/API/AdvancedSearch/" + apikey + "?title=" + value;
                var api_url = "{{ route('admin.title.search',['_id']) }}".replace('_id', value);
                searchTitleAjaxReq = $.ajax({
                    type: "post",
                    url: api_url,
                    beforeSend: function() {
                        if (searchTitleAjaxReq != 'ToCancelPrevReq' && searchTitleAjaxReq
                            .readyState < 4) {
                            searchTitleAjaxReq.abort();
                        }
                    },
                    dataType: "json",
                    success: function(data) {
                        getTarget.empty();
                        $.each(data.data.results, function(k, v) {
                            var image = v.image;
                            getTarget.append(
                                `<li><a href="javascript:void(0)" class="DropdownliValue" data-id="${v.id}"><img src="${image}" class="img-fluid" alt="123" /> <div class="DropdownliValuediv"><span>${v.title}</span> <span>${v.description}</span><span>${v.stars}</span></div></a></li>`
                            )
                        });
                        $('#title').css('background-image', 'none');
                    },
                    error: function(e){
                        $('#overlimiterror').removeClass('d-none');
                        $('#overlimiterror').html('Limit is Over');
                    }
                });
            }, 1000);
        }
    });

    $(document).on('click', '.search-drp ul li', function() {
        var line_text = $(this).children("a").text();
        $(this).parent('ul').prev('.searchInput').find(".dropdownsearch").val(line_text);
        $(this).parent('ul').hide();
    });

    $(document).on('click', '.delete', function(e) {
        var tt = $(this);
        var src = $(this).closest('.dz-image-preview').find('img').prop('src');
        var images = $('.images');
        $.each(images, function(index, image) {
            if (src == image.value) {
                image.remove();
                tt.closest('.dz-image-preview').remove();
            }
        });
    });

    $(document).on('click', '.DropdownliValue', function() {
        $('.title-details .details').empty();
        $('#DropdownTitle').hide();
        $('#title').css('background-image', 'url(' + url + '/admin_assets/images/preloader-white.gif)').css('background-repeat', 'no-repeat').css('background-position', 'right');
        var title_id = $(this).data('id');
        // var api_url = "https://imdb-api.com/en/API/Title/" + apikey + "/" + title_id + "/FullActor,FullCast,Posters,Images,Trailer";
        // var api_url = "http://192.168.0.17:8001/admin_assets/data.json";
        var api_url = "{{ route('admin.title.details',['_id']) }}".replace('_id', title_id);
        $.ajax({
            type: "post",
            url: api_url,
            dataType: "json",
            success: function(result) {
                var data = result.data;
                var html = "";
                var producerName = '';

                $('#moviedata').val(JSON.stringify(data));
                html += `<div class="details-container"><h3>Details <a class="edit-icon updatepopup" data-toggle="modal" data-target="#updatepopup" data-backdrop="static" data-keyboard="false" style="float:right"><span class="mdi mdi-lead-pencil"></span></a></h3>
                        <div class="d-md-flex w-100">
                        <div class="movie-poster"><img src="${data.image}" class="img-fluid" alt="${data.title}"/></div>
                        <div class="movie-detail">
                        <h4> ${data.title}</h4>
                        <div clss="font-weight-bold">
                            <span class="mr-2"><svg class="_22qEau" viewBox="0 0 33 16" height="16" width="33" role="img" style="height:16;width:33" aria-hidden="true"><title>Logo Imdb Outline</title><svg xmlns="http://www.w3.org/2000/svg" width="33" height="16"><title>Logo Imdb Outline</title><path fill="currentColor" fill-rule="evenodd" d="M29.652719 1.0977341c.772758 0 1.396822.618987 1.396822 1.3842208V13.518051c0 .765681-.624064 1.384221-1.396822 1.384221H3.3468573c-.7721217 0-1.3965678-.61854-1.3965678-1.384221V2.4819549c0-.7652338.6244461-1.3842208 1.3965678-1.3842208zm0-.2977341H3.3468573C2.4112479.8 1.65 1.5544797 1.65 2.4819549V13.518051C1.65 14.44553 2.4112479 15.2 3.3468573 15.2H29.652719c.935822 0 1.697281-.75447 1.697281-1.681949V2.4819549C31.35 1.5544797 30.588541.8 29.652719.8"></path><path fill="currentColor" fill-rule="evenodd" d="M5.9317148 3.8610473v8.3986877h2.1976434V3.8610473H5.9317148m6.8886832 0-.509286 3.9246344-.312287-2.1332276c-.094387-.6837788-.180593-1.2824555-.266926-1.7914068H8.8811102v8.3986877h1.9266258l.0083-5.5445848.809278 5.5445848h1.37198l.772121-5.6666451.0042 5.6666451h1.92209V3.8610473h-2.875228m6.293065 8.3986877c.525819 0 .92022-.02858 1.183331-.08554.258321-.05682.480586-.154532.657089-.301228.176503-.14276.304105-.34196.373904-.594322.07376-.252529.114737-.756987.114737-1.5103496V6.820831c0-.7939403-.03292-1.3269684-.07786-1.5997796-.049309-.2687531-.172528-.517211-.369803-.7365515-.193015-.2203229-.480587-.3789146-.854491-.4763373-.373905-.0978426-.99002-.1471153-2.053784-.1471153h-1.639203v8.3986877zm.02077-6.884012c.08593.048988.143712.1263976.168596.2361392.02444.1058216.03688.3499397.03688.7287133v3.252332c0 .5621415-.03688.9041015-.111069 1.0304995-.07391.125978-.266799.186867-.583326.186867V5.2985972c.238248 0 .402308.024214.488917.077124m3.056013-1.5146587v8.3986745h1.980062l.139641-.533456c.17644.215833.373693.374428.591317.484593.218069.105683.538367.158594.788549.158594.345353 0 .649055-.08944.899702-.272683.254866-.178879.415344-.394866.481095-.639265.06982-.248166.102696-.622608.102696-1.123561V7.9773197c0-.5088167-.0085-.8388767-.03288-.9934102-.020971-.1546716-.090788-.3136849-.201475-.4767616-.115055-.1625009-.275067-.2886238-.489066-.3784902-.217771-.089447-.467931-.134372-.76006-.134372-.250182 0-.574868.049407-.792619.1511671-.213554.097434-.410807.2480424-.587246.4476398V3.8610643Zm2.863486 6.3632735c0 .402993-.02099.663486-.06198.769169-.04087.106244-.217772.158596-.353345.158596-.131184 0-.217771-.04843-.262708-.154113-.04084-.101899-.06575-.338048-.06575-.708568V8.0708145c0-.3829736.02035-.6191066.05761-.7168021.04103-.09351.127285-.1423599.254399-.1423599.135742 0 .316081.057235.36195.1629234.04494.109746.06982.3419696.06982.6962386v2.1535215"></path></svg></svg> ${data.imDbRating}</span>
                            <span class="mr-2">${data.runtimeStr}</span>
                            <span class="mr-2">${data.year}</span>
                        </div>
                        <p class="text-muted mt-3">${data.plot}</p>
                        <table class="">
                            <tr>
                                <th class="pl-0">Type</th>
                                <td>${data.type}</td>
                            </tr>`;
                if (data.type == 'movie') {
                    html += `<tr>
                                    <th class="pl-0">Director</th>
                                    <td>${data.directors}</td>
                                </tr>`;
                }
                html += `<tr>
                                <th class="pl-0">Starring</th>
                                <td>${data.stars}</td>
                            </tr>
                            <tr>
                                <th class="pl-0">Genres</th>
                                <td>${data.genres}</td>
                            </tr>`;
                if (data.type == 'movie') {
                    html += `<tr>
                                <th class="pl-0">Producer</th>`;
                    $.each(data.fullCast.others, function(p, others) {
                        if (others.job == "Produced by") {
                            $.each(others.items, function(p, producer) {
                                producerName += producer.name + ", ";
                            });
                        }
                    });
                    html += `<td>${producerName.slice(0, -1)}</td>
                            </tr>
                            <tr>
                                <th class="pl-0">Writer</th>
                                <td>${data.writers}</td>
                            </tr>`;
                }
                if (data.type == 'TVSeries') {
                    html += `<tr>
                                <th class="pl-0">Creators</th>
                                <td>${data.tvSeriesInfo.creators}</td>
                            </tr>`;
                }
                html += `<tr>
                            <th class="pl-0">Country</th>
                            <td>${data.countries}</td>
                        </tr>
                        <tr>
                            <th class="pl-0">Certificate</th>
                            <td>${data.contentRating}</td>
                        </tr>
                    </table>
                    <div class="movie-images" style="display: flex; flex-wrap: wrap;gap:10px;">`;
                if(data.type == 'TVSeries') {
                    if(data.tvSeriesInfo.seasons.length > 0) {
                        $.each(data.posters.posters, function(i, image) {
                            html +=
                                `<div><img src="${image.link}" width="125" height="125"/> </div>`;
                            if (i == 9) {
                                return false;
                            }
                        });
                    }
                }
                html += `
                            </div>
                        </div>
                    </div>`;

                // var trailer_url = "https://imdb-api.com/API/YouTubeTrailer/" + apikey + "/" + data.id;
                // $.ajax({
                //     type: "get",
                //     url: trailer_url,
                //     dataType: "json",
                //     success: function(trailer) {
                //         $('#url').val(trailer.videoId);
                //     }
                // });
                $('#url').val(result.data1.videoId);

                $('#titlename').val(data.title);
                if (data.type == 'Movie') {
                    $('#movie').attr('checked', true);
                    $('#directorform').removeClass('d-none');
                    $('#producersform').removeClass('d-none');
                    $('#writersform').removeClass('d-none');
                    $('#creatorsform').addClass('d-none');
                }
                if (data.type == 'TVSeries') {
                    $('#series').attr('checked', true);
                    $('#directorform').addClass('d-none');
                    $('#producersform').addClass('d-none');
                    $('#writersform').addClass('d-none');
                    $('#creatorsform').removeClass('d-none');
                }
                $('#description').val(data.plot);
                $('#mpaa_rating').val(data.contentRating);

                var values = data.genres.replace(/ /g, '');
                var vals = values.split(",");
                vals.forEach(function(e) {
                    if (!s2.find('option:contains(' + e + ')').length)
                        s2.append($('<option>').text(e));
                });
                $('#genres').val(vals).trigger("change");
                $('#year').val(data.year);
                var actors = '';
                var director = '';
                var producers = '';
                var writers = '';
                var creators = '';

                if(data.fullCast.actors.length > 0) {
                    $.each(data.fullCast.actors, function(p, actorList) {
                        actors += actorList.name + ", ";
                        if (p == 9) {
                            return false;
                        }
                    });
                    $('#actors').val(actors);
                }

                if(data.directorList.length > 0) {
                    $.each(data.directorList, function(p, directorList) {
                        director += directorList.name + ", ";
                        if (p == 9) {
                            return false;
                        }
                    });
                    $('#director').val(director);
                }

                if(data.fullCast.others.length > 0) {
                    $.each(data.fullCast.others, function(p, others) {
                        if (others.job == "Produced by") {
                            $.each(others.items, function(p, producer) {
                                producers += producer.name + ", ";
                            });
                        }
                    });
                    $('#producers').val(producers);
                }

                if(data.writerList.length > 0) {
                    $.each(data.writerList, function(p, writerList) {
                        writers += writerList.name + ", ";
                        if (p == 9) {
                            return false;
                        }
                    });
                    $('#writers').val(writers);

                }
                if (data.tvSeriesInfo) {
                    $.each(data.tvSeriesInfo.creatorList, function(p, creatorList) {
                        creators += creatorList.name + ", ";
                        if (p == 9) {
                            return false;
                        }
                    });
                    $('#creators').val(creators);
                }

                $('#running_time').val(data.runtimeMins);
                $('#release_date').val(data.releaseDate);
                $('#ratings').val(data.imDbRating);
                $('#certificate').val(data.contentRating);
                $('#country').val(data.countries);
                $('#Season').val(data.tvSeriesInfo != null ? JSON.stringify(data.tvSeriesInfo.seasons) : '');

                $("#image").addClass('dropify');
                $("#featuredimage").addClass('dropify');
                $("#image").attr("data-default-file", data.image);
                $('.dropify').dropify();
                $('#previews').empty();
                $('#uploadedimg').empty();

                if(data.posters.posters.length > 0) {
                    $.each(data.posters.posters, function(i, image) {
                        var html = `<div id class="file-row dz-processing dz-image-preview dz-success dz-complete">
                                <img data-dz-thumbnail src="${image.link}"  />
                                <button type="button" class="btn btn-danger delete del-image"><span class="icon-trash"></span></button></div>`;
                        $('#previews').append(html);

                        $('#uploadedimg').append(
                            '<input type="hidden" name="images[]" class="images" value="' +
                            image.link + '">');
                        if (i == 9) {
                            return false;
                        }
                    });
                }

                if (data.type == 'Movie') {
                    $('#seasonepisode').empty();
                    $('#seasonepisode').addClass('d-none');
                    $('#seasoncheck').addClass('d-none');

                }
                if (data.type == 'TVSeries') {
                    $('#seasoncheck').removeClass('d-none');
                    var seasondata = '';
                    var seasonform = '';
                    $('#seasonepisode').removeClass('d-none');
                    $.each(data.tvSeriesInfo.seasons, function(i, seasonno) {
                        seasondata += `<div class="card border-0">
                            <div class="card-header p-0 border-0" id="heading-${seasonno}">
                            <button  type="button" class="btn btn-link accordion-title border-0 collapse collapsed" data-toggle="collapse" data-target="#collapse-${seasonno}" aria-expanded="true"  aria-controls="#collapse-${seasonno}">
                            <i class="icon-minus text-center d-flex align-items-center justify-content-center h-100"></i> Season ${seasonno}</button>
                            </div>
                            <div id="collapse-${seasonno}" class="collapse ${seasonno}" aria-labelledby="heading-${seasonno}" data-parent="#accordion">
                            <div class="card-body accordion-body px-0">
                            <div class="row form-row" id="episodedataid_${seasonno}"></div></div></div></div>`;
                        $('#accordion').html(seasondata);

                        seasonform += `<div class="card border-0">
                            <div class="card-header p-0 border-0" id="heading1-${seasonno}">
                            <button  type="button" class="btn btn-link accordion-title border-0 collapse collapsed" data-toggle="collapse" data-target="#collapse1-${seasonno}" aria-expanded="true"  aria-controls="#collapse1-${seasonno}">
                            <i class="icon-minus text-center d-flex align-items-center justify-content-center h-100"></i> Season ${seasonno}</button>
                            </div>
                            <div id="collapse1-${seasonno}" class="collapse ${seasonno}" aria-labelledby="heading1-${seasonno}" data-parent="#accordion1">
                            <div class="card-body accordion-body px-0">
                            <div class="row form-row" id="episodeformid_${seasonno}"></div></div></div></div>`;
                    });
                    $('#accordion1').html(seasonform);
                    $('.dropify').dropify();

                    $.each(data.tvSeriesInfo.seasons, function(i, seasonno) {
                        var api_url1 = "{{ route('admin.title.season',['_id','_season']) }}".replace('_id', title_id).replace('_season', seasonno);
                        $.ajax({
                            type: "post",
                            url: api_url1,
                            dataType: "json",
                            success: function(epdata) {
                                // var ep = epdata.data;
                                var seasondata1 = '';
                                var seasonform1 = '';
                                $.each(epdata.data, function(j, episodes) {
                                    seasondata1 += `<div class="col-xl-6 col-md-6 mb-2">
                                        <div class="list_item odd d-flex w-100 season-epList">
                                        <div class="image mr-2">
                                        <div class="hover-over-image zero-z-index">
                                        <img class="zero-z-index" alt="${ episodes.title }" src="${ episodes.image }">
                                        </div></div>
                                        <div class="info w-100" itemprop="episodes" itemscope="" itemtype="http://schema.org/TVEpisode">
                                        <div class="d-flex justify-content-between w-100 mb-2">
                                        <b class="small font-weight-bold text-muted">Ep ${ episodes.tvEpisodeInfo.episodeNumber }</b>
                                        <div class="airdate">${ episodes.releaseDate }</div>
                                        </div>
                                        <h4 class="">${ episodes.title }</h4>
                                        <div class="ipl-rating-widget">
                                        <div class="ipl-rating-star small d-flex">
                                        <span class="ipl-rating-star__star"><svg class="ipl-icon ipl-star-icon" xmlns="http://www.w3.org/2000/svg" fill="#000000" height="24" viewBox="0 0 24 24" width="24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path></svg></span>
                                        <span class="ipl-rating-star__rating">${ episodes.imDbRating }</span>
                                        </div></div></div></div></div>`;

                                    var actors = '';
                                    $.each(data.actorList, function(p, actorList) {
                                        actors += actorList.name + ", ";
                                    });

                                    seasonform1 += `<div class="col-xl-12 col-md-12 mb-2 odd px-4">
                                        <h3 class="mb-3 pt-4">Episode ${episodes.tvEpisodeInfo.episodeNumber}</h3>
                                        <div class="list_item w-100 row m-0">
                                            <input type="text" hidden class="form-control" name="episodeNumber${seasonno}[]" value="${episodes.tvEpisodeInfo.episodeNumber}">
                                            <input type="text" hidden class="form-control" name="etid${seasonno}[]" value="${episodes.id}">
                                            <div class="row w-100">
                                                <div class="form-group col-sm-4">
                                                    <label for="url">Title</label>
                                                    <input type="text" class="form-control" name="episodetitle${seasonno}[]" value="${episodes.title}">
                                                </div>
                                                <div class="form-group col-sm-8">
                                                    <label for="url">Description</label>
                                                    <input type="text" class="form-control" name="episodeplot${seasonno}[]" value="${episodes.plot}">
                                                </div>
                                                <div class="col-sm-4">
                                                    <div class="row">
                                                        <div class="form-group col-12">
                                                            <label for="url">Full Title</label>
                                                            <input type="text" class="form-control" name="fullTitle${seasonno}[]" value="${episodes.fullTitle}">
                                                        </div>
                                                        <div class="form-group col-6">
                                                            <label for="url">Year</label>
                                                            <input type="text" class="form-control" name="episodeyear${seasonno}[]" value="${episodes.year}">
                                                        </div>
                                                        <div class="form-group col-6">
                                                            <label for="url">released</label>
                                                            <input type="text" class="form-control" name="episodereleased${seasonno}[]" value="${episodes.releaseDate}">
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label for="url">IMDb Rating</label>
                                                        <input type="text" class="form-control" name="episodeimDbRating${seasonno}[]" value="${episodes.imDbRating}">
                                                    </div>
                                                </div>
                                                <div class="form-group col-sm-8">
                                                    <label>Image</label>
                                                    <input type="hidden" name="episodeimage1_${seasonno}[]" value="${episodes.image}">
                                                    <input type="file" name="episodeimage_${seasonno}_${j}" class="image dropify" accept="image/*" data-default-file="${episodes.image}">
                                                </div>
                                                <div class="col-sm-12">
                                                    <div class="row">
                                                        <div class="form-group col-3">
                                                            <label for="runtimeMins">Running Time (In minutes)</label>
                                                            <input type="text" class="form-control" name="runtimeMins${seasonno}[]" value="${episodes.runtimeMins}">
                                                        </div>
                                                        <div class="form-group col-3">
                                                            <label for="countries">Country</label>
                                                            <input type="text" class="form-control" name="countries${seasonno}[]" value="${episodes.countries}">
                                                        </div>
                                                        <div class="form-group col-3">
                                                            <label for="mpaa_rating">Certificate</label>
                                                            <input type="text" class="form-control" name="mpaa_rating${seasonno}[]" value="${episodes.contentRating}">
                                                        </div>
                                                        <div class="form-group col-3">
                                                            <label for="genres">Geners</label>
                                                            <input type="text" class="form-control" name="genres${seasonno}[]" value="${episodes.genres}">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-sm-12">
                                                    <div class="row">
                                                        <div class="form-group col-4">
                                                            <label for="actors">Actors</label>
                                                            <input type="text" class="form-control" name="actors${seasonno}[]" value="${actors}">
                                                        </div>
                                                        <div class="form-group col-4">
                                                            <label for="director">Director</label>
                                                            <input type="text" class="form-control" name="directors${seasonno}[]" value="${episodes.directors}">
                                                        </div>
                                                        <div class="form-group col-4">
                                                            <label for="writers">Writers</label>
                                                            <input type="text" class="form-control" name="writers${seasonno}[]" value="${episodes.writers}">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>`;
                                });
                                $('#episodedataid_' + seasonno).html(seasondata1);
                                $('#episodeformid_' + seasonno).html(seasonform1);
                            }
                        });
                    });
                    setTimeout(() => {
                        console.log(1);
                        $('.dropify').dropify();
                    }, 5000);
                }

                $('.savebtn').removeClass('d-none');

                $('.title-details .details').append(html);
                $('#title').css('background-image', 'none');
            }
        });
    });
</script>
@endsection