@extends('admin.layouts.app')
@section('content')
<section class="forms">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <form id="frmAddUpdate" name="frmAddUpdate" action="{!! $series->id ? route('admin.'.request()->segment(2).'.update') : route('admin.'.request()->segment(2).'.store') !!}" method="POST" class="form-horizontal" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="id" id="id" value="{!! $series->id !!}">
                    <div class="col-lg-06">
                        <div class="card">
                            <div class="card-body">
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Name</label>
                                    <div class="col-sm-9">
                                        <input type="text" name="name" id="name" value="{!! old('name') ?? $series->name !!}" class="form-control">
                                        @error('name')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Ministry</label>
                                    <div class="col-sm-9">
                                        <select name="content_type_id" id="content_type_id" class="form-control">
                                            <option value="" hidden>Select Ministry</option>
                                            @if($ministries->count() > 0)
                                            @foreach($ministries as $ministry)
                                            <option value="{!! $ministry->id !!}" @if($ministry->id == $series->content_type_id)) selected @endif>{!! $ministry->name !!}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                        @error('content_type_id')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Category</label>
                                    <div class="col-sm-9">
                                        <select name="categories[]" id="categories" class="form-control" multiple>
                                            <option value="">Select Category</option>
                                        </select>
                                        @error('categories[]')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <div class="col-md-3">
                                        <label class="form-control-label" for="fileInput">Avatar</label>
                                        <p class="require-size mb-1">* Require size in pixel. (520*290)</p>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="d-md-flex align-items-center image_div">
                                            <div class="form-inline form-fileUpload">
                                                {!! getMedipickerButton('Image',"image","image_alt","image_type","div_image_preview") !!}
                                            </div>
                                            <div class="show-image imageRounded mt-3 mt-md-0" id="div_image_preview">
                                                <img src="{!! old('image') ?? $series->avatar_url !!}" class="img-fluid rounded-circle">

                                                @if($series->avatar)
                                                <a href="javascript:void(0)" class="deleteMetaImg" onclick="deleteAvatar({!!$series->id!!})">X</a>
                                                @endif
                                            </div>
                                        </div>
                                        <input id="image_old" name="image_old" type="hidden" value="{!! $series->avatar !!}">
                                        <input id="selected_media" name="image" type="hidden" value="{!! old('image') !!}">
                                        @error('image')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>

                                    <div class="col-md-6">
                                        <label class="form-control-label">Image Alt Tag Text</label>
                                        <input type="text" name="image_alt" id="image_alt" value="{!! old('image_alt') ?? $series->image_alt !!}" placeholder="Enter image alt text" class="form-control">
                                        @error('image_alt')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Is On Demand?</label>
                                    <div class="col-sm-3 radiobox">
                                        <div class="radio-wrap">
                                            <div class="radiobtn">
                                                <input type="radio" id="on_demand_yes" class="form-control checkboxinput" name="on_demand" value="1" {!! $series->on_demand == '1' ? 'checked' : '' !!} checked>Yes
                                                <h1></h1>
                                            </div>
                                            <div class="radiobtn">
                                                <input type="radio" id="on_demand_no" class="form-control checkboxinput" name="on_demand" value="0" {!! $series->on_demand == '0' ? 'checked' : '' !!} >No
                                                <h1></h1>
                                            </div>
                                        </div>
                                    </div>
                                    <label class='col-sm-3 form-control-label text-md-right'>Password</label>
                                    <div class='col-sm-3'>
                                        <input type='text' name='password' id='password' value='{!! old('password') ?? $series->password !!}' class='form-control' placeholder='1234'>
                                        @error('password')
                                        <span class='error' role='alert'>{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Preview Video</label>
                                    <div class="col-sm-9 radiobox">
                                        <div class="radio-wrap">
                                            <div class="radiobtn">
                                                <input type="radio" id="is_custom_preview_video_yes" class="form-control checkboxinput" name="is_custom_preview_video" value="1" {!! $series->is_custom_preview_video == '1' ? 'checked' : '' !!} checked>Choose Video
                                                <h1></h1>
                                            </div>
                                            <div class="radiobtn">
                                                <input type="radio" id="is_custom_preview_video_no" class="form-control checkboxinput" name="is_custom_preview_video" value="0" {!! (!$series->is_custom_preview_video || $series->is_custom_preview_video == '0') ? 'checked' : '' !!} >Add URL
                                                <h1></h1>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row" id="div_custom_preview_video_yes">
                                    <div class="col-md-3">
                                        <label class="form-control-label">&nbsp;</label>
                                    </div>
                                    <div class='form-inline col-sm-9'>
                                        <div class='form-inline form-fileUpload'>
                                            <input id='preview_video' name='preview_video' type='hidden' value="{!! $series->preview_video !!}">
                                            {!! getMedipickerButton('Video',"preview_video","preview_video_alt","preview_video_type","div_preview_video_preview") !!}
                                        </div>
                                        <div id="div_preview_video_preview">
                                            @if($series->preview_video)
                                            <video class="video_preview" controls playsinline>
                                                <source src='{!! $series->preview_video_url !!}' type='video/mp4'>
                                                <source src='{!! $series->preview_video_url !!}' type='video/ogg'>
                                                Your browser does not support the video tag.
                                            </video>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row" id="div_custom_preview_video_no">
                                    <div class="col-md-3">
                                        <label class="form-control-label">&nbsp;</label>
                                    </div>
                                    <div class="col-md-9">
                                        <p class="require-size mb-1">Add only url. Don't add iframe tag.</p>
                                        <input type="url" name="trailer" id="trailer" value="{!! old('trailer') ?? $series->trailer !!}" class="form-control" placeholder="https://mecklenburg.lightcastmedia.com/embed/console/dT0zMDY2JmM9NjU4Mjc4MDQwJnc9NjQwJmg9MzYw.html">
                                        @error('trailer')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr>
                                <!--<div class='form-group row'>
                                    <label class='col-sm-3 form-control-label'>Embed <span class='require-size mb-1'>URL with script tag</span></label>
                                    <div class='col-sm-9'>
                                        <textarea name='elexio_form_embed_code' id='elexio_form_embed_code' class='form-control' rows='3'>{!! old('elexio_form_embed_code') ?? $series->elexio_form_embed_code !!}</textarea>
                                        @error('elexio_form_embed_code')
                                        <span class='error' role='alert'>{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr>
                                <div class='form-group row'>
                                    <label class='col-sm-3 form-control-label'>Elexio Group ID</label>
                                    <div class='col-sm-3'>
                                        <input type='text' name='elexio_group_id' id='elexio_group_id' value='{!! old('elexio_group_id') ?? $series->elexio_group_id !!}' class='form-control' placeholder='1234'>
                                        @error('elexio_group_id')
                                        <span class='error' role='alert'>{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <label class="col-sm-3 form-control-label">Is Registration Required?</label>
                                    <div class="col-sm-3 radiobox">
                                        <div class="radio-wrap">
                                            <div class="radiobtn">
                                                <input type="radio" id="is_registration_required_yes" class="form-control checkboxinput" name="is_registration_required" value="1" {!! $series->is_registration_required == '1' ? 'checked' : '' !!}>Yes
                                                <h1></h1>
                                            </div>
                                            <div class="radiobtn">
                                                <input type="radio" id="is_registration_required_no" class="form-control checkboxinput" name="is_registration_required" value="0" {!! $series->is_registration_required == '0' ? 'checked' : '' !!}>No
                                                <h1></h1>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr> -->
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Description</label>
                                    <div class="col-sm-9">
                                        <textarea class="form-control clsAdvanceEditor" name="description" id="description" row="5">{!! old('description') ?? $series->description !!}</textarea>
                                        @error('description')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">No Content Message</label>
                                    <div class="col-sm-9">
                                        <textarea class="form-control clsAdvanceEditor" name="no_content_msg" id="no_content_msg" row="5">{!! old('no_content_msg') ?? $series->no_content_msg !!}</textarea>
                                        @error('no_content_msg')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Status</label>
                                    <div class="col-sm-6 radiobox">
                                        <div class="radio-wrap">
                                            <div class="radiobtn">
                                                <input type="radio" id="is_active_yes" class="form-control checkboxinput" name="is_active" value="1" {!! $series->is_active == '1' ? 'checked' : '' !!} checked>Active
                                                <h1></h1>
                                            </div>
                                            <div class="radiobtn">
                                                <input type="radio" id="is_active_no" class="form-control checkboxinput" name="is_active" value="0" {!! $series->is_active == '0' ? 'checked' : '' !!} >Inactive
                                                <h1></h1>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="line"> </div>
                                <div class="form-group row">
                                    <div class="col-sm-12 text-center">
                                        <button type="button" class="btn btn-secondary" onclick="window.location.href='{!! route('admin.'.request()->segment(2).'.index') !!}';">Cancel</button>
                                        <button type="submit" class="btn btn-primary">Save changes</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
@include('admin.media.add_popup')
@section('js')
{!! config('constants.TINY_MCE_SCRIPT') !!}
<script src="{!! asset('assets/backend/js/pages/'.request()->segment(2).'.js') !!}?v={!! time() !!}"></script>
@stop
@endsection