@extends('layouts.metronic')

@section('content')
<div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption font-dark">                
                <span class="caption-subject bold uppercase"><i class="fa fa-edit"></i> {{ (!empty($video))?'Editare':'Adăugare' }} Filme</span>
            </div>            
        </div>

        <div class="panel-body">
            <div class="col-md-3"></div>
            <div class="col-md-6">
                <div class="row">
                    <form method="POST" action="{{ route('faq_videos.save') }}"> 
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">                
                        
                        @if (! empty($video))    
                            <input type="hidden" name="id" value="{{ $video->id }}">
                        @endif

                        <div class="form-group row">
                            <label for="name">Nume</label>
                            <input type="text" class="form-control" id="name" name="name" value="{{ (!empty($video))?$video->name:'' }}" required autofocus>
                        </div>

                        <div class="form-group row">
                            <label for="description">Description</label>
                            <input type="text" class="form-control" id="description" name="description" value="{{ (!empty($video))?$video->description:'' }}" required>
                        </div>

                        <div class="form-group row">
                            <label for="name">Video</label>                                    
                            <div class="input-group">
                              <span class="input-group-btn">
                                <a id="lfmVideo" data-input="video" data-preview="holder" class="btn btn-primary">
                                  <i class="fa fa-file"></i> Alege
                                </a>
                              </span>
                              <input id="video" class="form-control" type="text" name="video" value="" required>
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="name">Poză</label>                                    
                            <div class="input-group">
                              <span class="input-group-btn">
                                <a id="lfmImage" data-input="image" data-preview="holder" class="btn btn-primary">
                                  <i class="fa fa-file"></i> Alege
                                </a>
                              </span>
                              <input id="image" class="form-control" type="text" name="image" value="" required>
                            </div>
                        </div>

                        <!-- <div class="form-group">
                            <label for="video">Video</label>
                            <input type="text" class="form-control" id="video" name="video" value="{{ (!empty($video))?$video->video:'' }}" required>
                        </div> -->

                        <!-- <div class="form-group row">
                            <label for="image">Poză</label>
                            <input type="text" class="form-control" id="image" name="image" value="{{ (!empty($video))?$video->video:'' }}" required>
                        </div> -->


                        <div class="form-group row">
                                <label for="id_group">Categorie</label>
                                <select id="category_id" name="category_id" class="form-control" required>
                                    @foreach ($categories as $category)
                                        <option value="{{ $category->id }}" {{ (!empty($video) && $video->faq_category_id==$category->id)?'selected':'' }}>{{ $category->name }}</option>
                                    @endforeach                                    
                                </select>
                        </div>


                        <div class="form-group">
                            <div class="col-md-6">
                                <a href="{{ route('faq_videos') }}">
                                    <button type="button" class="btn btn-danger">                            
                                        <i class="fa fa-close" aria-hidden="true"></i> Închide
                                    </button>
                                </a>
                            </div>

                            <div class="col-md-6">
                                <button type="submit" class="btn btn-primary pull-right"><i class="fa fa-save" aria-hidden="true"></i> Salvează</button>
                            </div>
                        </div>
                    </form>
                </div>
             </div>   
            <div class="col-md-3"></div>
        </div>
</div>

@section('scripts')  
<script src="/vendor/laravel-filemanager/js/lfm.js"></script>
<script>
    $('#lfmVideo').filemanager('files');
    $('#lfmImage').filemanager('images');
</script>
@endsection

@endsection

@section('menuVariables')
    var menuItemName = "menuFaqVideos";
    var submenuItemName = "";
@stop