@extends('layouts.app')

@section('content')

<section class="content-header" style="margin-bottom:20px">
    <h1>Update Movie Time Series</h1>
</section>
<!-- /.box -->

@if (count($errors) > 0)
<div class="alert alert-danger">
    <strong>Whoops!</strong> There were some problems with your input.<br><br>
    <ul>
        @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
        @endforeach
    </ul>
</div>
@endif

<div class="box">
    <div class="box-header">
        <h3 class="box-title">Edit Movie Time Series</h3>
        <div class="pull-right">
            <button class="btn btn-success btn-sm pull-right" onclick="window.history.back();">Back</button>
        </div>
    </div>
    <!-- /.box-header -->
    <div class="box-body">
<form id="editVOD" class="form-horizontal addBorderClass" enctype="multipart/form-data" method="POST" action="{{ route('videos.series.series_update', $video->id) }}">
    <input type="hidden" name="_token" value="{{ csrf_token() }}">
    <input type="hidden" name="_method" value="PATCH">
    <input type="hidden" name="type" value="vod">
    <input type="hidden" name="status" value="{{ $video->status }}">
    <input type="hidden" name="url" value="{{ $url }}"> 	
    <div class="row">

        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <label class="col-md-3">Choose Video:</label>

                <input type="text" id="selVOD" class="col-md-4" name="video_name" value="{{ $video->video_name }}">
                <label style="margin-left:10px; margin-top: -10px " class="checkbox-inline col-md-2">
                    <input type="checkbox" name="is_main" value="1" {{$video->is_main?'checked':''}} >Please click if this is first movie in series
                </label>

                <div class="col-md-2 watchBTN">
                    <a class="btn btn-success btn-sm space_buttons watch_video" id="row_dim" data-id='' data-src=''>Watch Video</a>
                </div>
                <input type="hidden" class="col-md-4" id="videoId" name="video_id" value="{{ $video->video_id }}">
            </div>
        </div>

        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <label class="col-md-3">Publish Date:</label>
                <input type="date" id="start_date" name="start_date" class="col-md-2 datepicker" value="{{ $video->start_date }}" />

                <input type="date" id="end_date" name="end_date" class="col-md-2 datepicker" value="{{ $video->end_date }}" />
                <div class="col-md-2"></div>
            </div>
        </div>
        
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <label class="col-md-3">User Type</label>
                <select class="col-md-3" name="user_type" class="form-control" >
                    <option value=""> -- Select User Type -- </option>
                    @foreach($userType as $uType)
                    <option @if($uType->id==$video->user_type_id) selected @endif  value="{{$uType->id}}"> {{$uType->name}} </option>
                    @endforeach

                </select>

            </div>
        </div>

        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <label class="col-md-3">Main Series</label>
                <select class="col-md-3" name="main_category" class="form-control" >
                    <option value=""> -- Select Series -- </option>
                    @foreach($videoCategories as $key=>$video_category)
                    <option @if($video_category->id==$video->vod_series_id) selected @endif  value="{{$video_category->id}}"> {{$video_category->name}} </option>
                    @endforeach

                </select>

            </div>
        </div>

        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <label class="col-md-3">Main Series Seasons</label>
                <select class="col-md-3" name="main_season" class="form-control" >
                    <option value=""> -- Select Series Seasons -- </option>
                    @foreach($videoSeasons as $key=>$video_season)
                    <option {{$video_season->id==$video->vod_season_id?'selected':''}}  value="{{$video_season->id}}"> {{$video_season->name}} </option>
                    @endforeach

                </select>

            </div>
        </div>

        <!-- Georestrictions -->
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <label class="col-md-3">Geo restrictions:</label>

                @foreach($georestrictions as $key=>$georestriction)
                @if($key == 0)
                <input type="text" class="col-md-4 country" name="location[0]" value="{{ $georestriction }}">
                @endif
                @endforeach

                <div class="col-md-2">
                    <button class="btn btn-sm btn-primary add_country">Add</button>
                </div>
                <br><br>
                <span class="col-md-3"></span><span>(Exclude countries to watch this video.)</span>
            </div>
        </div>

        <div class="country_fields_container2">
            @foreach($georestrictions as $key=>$georestriction)
            @if($key > 0)
            <div class="addCoun2 col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <div class="col-md-3"></div>
                    <input type="text" class="col-md-4 country" name="location[]" value="{{ $georestriction }}"">
                    <div class="col-md-2">
                        <button class="btn btn-sm btn-danger remove_field">Remove</button>
                    </div>
                </div>
            </div>
            @endif
            @endforeach
        </div>

        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <label class="col-md-3">Cover Image:</label>
                <input type="file" class="col-md-4" name="cover_image">
                <div class="col-md-2"></div>
            </div>
        </div>

        <div class="country_fields_container"></div>
        <!-- End georestrictions -->

        <div class="col-xs-12 col-sm-12 col-md-12 text-center">
            <button type="submit" class="btn btn-primary btn-sm">Update</button>
        </div>
    </div>
</form>
</div>
</div>

@include('elements.popup')

<script src="{{ asset('/js/custom.js') }}"></script>
<script type="text/javascript">
//Add multiple georestrictions
                    $(document).ready(function () {
                        var precount = "