@extends('admin.admin_master')
@section('content-header', $page_header)
@section('content')

    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-left">
                            <li class="breadcrumb-item"><a href="#">Home</a></li>
                            <li class="breadcrumb-item active">Video</li>
                        </ol>
                    </div>
                    <div class="col-sm-6">
                        <span class="float-right"><a href="{{ route($link . '.index') }}"
                                class="btn btn-sm btn-fill btn-warning">{!! VIEWLIST_ICON !!}</a></span>
                    </div>
                </div>
            </div>
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="card card-primary">
                <div class="card-body">
                    <form method="POST" action="{{ route($link . '.store') }}">
                        <div class="row">
                            {{ csrf_field() }}
                            <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
                                <div class="form-group">
                                    <label class="control-label" for="title_en">Title English *</label>
                                    <input type="text" class="form-control" id="title_en" name="title_en"
                                        value="{{ old('title_en') }}">
                                    @if ($errors->has('title_en'))
                                        <span class="help-block text-danger">
                                            <strong>{{ $errors->first('title_en') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label class="control-label" for="title_np">नेपाली शीर्षक*</label>
                                    <input type="text" class="form-control" id="title_np" name="title_np"
                                        value="{{ old('title_np') }}">
                                    @if ($errors->has('title_np'))
                                        <span class="help-block text-danger">
                                            <strong>{{ $errors->first('title_np') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label class="control-label" for="type">Type</label><br>
                                    Video<input type="radio" id="type" name="type" value="1"
                                        @if (old('type') == '1') {{ 'checked' }} @endif>
                                    Audio<input type="radio" id="type" name="type" value="2"
                                        @if (old('type') == '2') {{ 'checked' }} @endif><br>
                                    @if ($errors->has('type'))
                                        <span class="help-block text-danger">
                                            <strong>{{ $errors->first('type') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="form-group" id="video_link_div" style="display:none">
                                    <label class="control-label" for="video_link">Video Link</label>
                                    <input type="text" class="form-control" id="video_link" name="video_link"
                                        value="{{ old('video_link') }}">
                                    @if ($errors->has('video_link'))
                                        <span class="help-block text-danger">
                                            <strong>{{ $errors->first('video_link') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group" id="audio_link_div" style="display:none">
                                    <label class="control-label">Audio File</label>
                                    <input id="file" class="form-control" type="text" name="file" readonly><br>
                                    <span class="input-group-btn">
                                        <a id="lfm-file" data-input="file" data-preview="holder"
                                            class="btn btn-info btn-sm fancy">
                                            <i class="fa fa-picture-o"></i> insert audio file
                                        </a>
                                    </span>
                                </div>
                                <div class="form-group">
                                    <label for="sequence">Sequence</label>


                                    <input type="text" class="form-control" id="sequence" name="sequence"
                                        value="{{ old('sequence') }}">
                                    @if ($errors->has('sequence'))
                                        <span class="help-block text-danger">
                                            <strong>{{ $errors->first('sequence') }}</strong>
                                        </span>
                                    @endif

                                </div>

                                <div class="form-group">
                                    <label class="control-label" for="show_on_homepage">Show on HomePage <span
                                            class="text-danger">*</span></label>
                                    <br>
                                    <label class="radio-inline">
                                        <input type="radio" name="show_on_homepage" value="1"> Yes
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="show_on_homepage" value="0" checked> No
                                    </label>
                                </div>
                                <div class="form-group">
                                    <label class="control-label" for="show_in_tvdisplay">Show on Tv Display <span
                                            class="text-danger">*</span></label>
                                    <br>
                                    <label class="radio-inline">
                                        <input type="radio" name="show_in_tvdisplay" value="1"> Yes
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="show_in_tvdisplay" value="0" checked> No
                                    </label>
                                </div>
                                <div class="form-group">
                                    <label for="display_duration">Display Duration (In Minute)</label>


                                    <input type="text" class="form-control" id="display_duration"
                                        name="display_duration" value="{{ old('display_duration') }}">
                                    @if ($errors->has('display_duration'))
                                        <span class="help-block text-danger">
                                            <strong>{{ $errors->first('display_duration') }}</strong>
                                        </span>
                                    @endif

                                </div>
                                <div class="form-group">
                                    <label for="status">Status</label>
                                    <select name="status" id="statusid" class="form-control">
                                        <option value="1">{!! PUBLISH !!}</option>
                                        <option value="0">{!! UNPUBLISH !!}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn btn-success btn-fill btn-sm ">Submit</button>
                                    <button type="reset" class="btn btn-danger btn-fill btn-sm  resetbtn">Clear</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </section>
    </div>
    @push('script')
        <script type="text/javascript">
            $(document).ready(function() {
                (function() {
                    var type = $('input[name="type"]:checked').val();
                    if (type == 1) {
                        $("#audio_link_div").hide();
                        $("#video_link_div").show();
                    }
                    if (type == 2) {
                        $("#audio_link_div").show();
                        $("#video_link_div").hide();
                    }
                })();

                $('input[type="radio"]').click(function() {

                    var option_value = $(this).val();
                    if (option_value == 1) {
                        $("#video_link_div").show();
                        $("#audio_link_div").hide();
                    } else {
                        $("#audio_link_div").show();
                        $("#video_link_div").hide();
                    }
                });
            });
        </script>
    @endpush
@endsection