@extends('admin.layouts.app')
@section('content')
<section class="forms">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <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">Front Page URL</label>
                                <div class="col-sm-9">
                                    <a href="{!! $series->page_url !!}" target="_blank">{!! $series->page_url !!}</a>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-3 form-control-label">Name</label>
                                <div class="col-sm-9">
                                    {!! $series->name !!}
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-3 form-control-label">Slug</label>
                                <div class="col-sm-9">
                                    {!! $series->slug !!}
                                </div>
                            </div>

                            <div class="form-group row">
                                <label for="fileInput" class="col-sm-3 form-control-label">Avatar</label>
                                <div class="col-sm-3">
                                    <div class="d-md-flex align-items-center image_div">
                                        <div class="show-image imageRounded mt-3 mt-md-0" id="div_image_preview">
                                            <img src="{!! $series->avatar_url !!}" class="img-fluid rounded-circle">
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <label class="form-control-label">Image Alt Tag Text</label>
                                    <div class="form-control-value">{!! $series->image_alt !!}</div>
                                </div>
                            </div>

                            <div class="form-group row">
                                <label for="fileInput" class="col-sm-3 form-control-label">Trailer</label>
                                <div class="col-sm-3">
                                    <div class="d-md-flex align-items-center image_div">
                                        <div class="show-image imageRounded mt-3 mt-md-0" id="div_trailer_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>
                                            @elseif($series->trailer)
                                            <iframe src="{!! $series->trailer !!}" title="{!! $series->name !!}" allowfullscreen></iframe>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-sm-3 form-control-label">Ministry</label>
                                <div class="col-sm-9">
                                    {!! $series->type->name !!}
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-sm-3 form-control-label">Is On Demand?</label>
                                <div class="col-sm-3 ">
                                    {!! $series->on_demand ? 'Yes' : 'No' !!}
                                </div>
                                <label class='col-sm-3 form-control-label'>Password</label>
                                <div class='col-sm-3'>
                                    {!! $series->password !!}
                                </div>
                                <!-- <label class="col-sm-3 form-control-label">Is Registration Required?</label>
                                <div class="col-sm-3 radiobox">
                                    {!! $series->is_registration_required ? 'Yes' : 'No' !!}
                                </div> -->
                            </div>

                            <!-- <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'>
                                    {{ $series->elexio_form_embed_code }}
                                </div>
                            </div> -->

                            <!-- <div class='form-group row'>
                                <label class='col-sm-3 form-control-label'>Elexio Group ID</label>
                                <div class='col-sm-3'>
                                    {!! $series->elexio_group_id !!}
                                </div>
                                <label class='col-sm-3 form-control-label'>Password</label>
                                <div class='col-sm-3'>
                                    {!! $series->password !!}
                                </div>
                            </div> -->

                            <div class="form-group row">
                                <label class="col-sm-3 form-control-label">Description</label>
                                <div class="col-sm-9">
                                    {!! $series->description !!}
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-sm-3 form-control-label">Status</label>
                                <div class="col-sm-6">
                                    {!! $series->is_active ? 'Active' : 'Inactive' !!}
                                </div>
                            </div>
                            <div class="line"> </div>
                            <div class="card-body">
                                <div class="form-group row">
                                    <div class="col-sm-4">
                                        <button type="button" onclick="window.location.href='{!! route('admin.'.request()->segment(2).'.index') !!}';" class="btn btn-secondary">Back</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection