@extends('admin.layouts.admin_app')
@include('admin.include.form-styles')
@section('dashboard_content')
@if (Session::get('messageError'))
    <div class="alert alert-danger alert-dismissible">
        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
        <strong>{!! Session::get('messageError')  !!}</strong>
    </div>
@endif
<header class="page-header">
    <h2>Videos</h2>
</header>
    <section class="panel">
        <header class="panel-heading">
            <h2 class="panel-title">New Video</h2>
            <div class="pull-right">
                <a href="{{ route('videos.index') }}"
                    class="btn btn-default">
                    Cancel
                </a>
                <button type="submit" class="btn btn-primary"
                    form="video-form">
                    Save
                </button>
            </div>
        </header>
        <div class="panel-body">
            <form id="video-form"
                    action="{{ $video->exists ? route('videos.update', $video->video_id): route('videos.store') }}"
                    class="form-horizontal"
                    method="post"
                    onsubmit="$('[form=\'video-form\']').prop('disabled', true)"
                    enctype="multipart/form-data">

                @if($video->exists)
                    @method('PATCH')
                @endif

                @csrf

            <div class="row">
                <div class="col-lg-8">
                    <div class="row index-content">
                        <div class="card">
                            <h3 class="margin-x">
                                <i class="fa fa-info-circle" aria-hidden="true"></i>
                                General Information
                            </h3>
                            <div class="row">
                                <div class="col-md-9">
                                    <div class="form-group {{ $errors->has('title') ? 'has-error' : null }}">
                                        <label class="control-label" for="title">Title:</label>
                                        <input type="text" id="title"
                                            name="title"
                                            class="form-control"
                                            value="{!! old('title') ?? $video->title !!}">
                                        <label class="help-block">
                                            {{ $errors->has('title') ? $errors->first('title') : null }}
                                        </label>
                                    </div>
                                </div>
                            </div>              
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="row index-content">
                        <div class="card">
                            <h3 class="margin-x">
                                <i class="fas fa-image" aria-hidden="true"></i>
                                URL
                            </h3>
                             <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <div class="input-group">
                                            <span class="input-group-addon"><i class="fab fa-youtube"></i></span>
                                            <input type="text" id="urlyoutube"
                                                   name="url"
                                                   class="form-control"
                                                   value="{!! old('url') ?? $video->url !!}" placeholder="https://">
                                        </div>
                                        <label class="help-block">
                                            {!! $errors->has('url') ? $errors->first('url') : null !!}
                                        </label>
                                    </div>
                                </div>              
                            </div>
                        </div>
                    </div>
                </div>  
            </div>
        </form>
    </div>

    <footer class="panel-footer">
        <div class="pull-right">
                <a href="{{ route('videos.index') }}"
                class="btn btn-default">
                Cancel
            </a>
            <button type="submit" class="btn btn-primary"
                form="video-form">
                Save
            </button>
        </div> 
    </section>
                
@endsection