@extends('home')
@section('title')
@lang('site.site_name')
@endsection
@section('styles')

    
    {!! Html::style(Theme::current()->assetPath.'/global/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css') !!}
    
    
    {!! Html::style(Theme::current()->assetPath.'/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css') !!}
    {!! Html::style(Theme::current()->assetPath.'/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css') !!}

  @endsection

@section('content')

<div class="row">
  <div class="col-md-12">
      <div class="portlet light bordered">
        <div class="portlet-title">
             <div class="caption">
                 <i class="fa fa-edit font-purple-soft"></i>
                 <span class="caption-subject font-purple-soft bold">{{__('Video Gallery')}}</span>
                 <h1 class="page-title">
                    <small>  </small>
                 </h1>
             </div>
             <div class="actions">
               <a href="{!! URL::route('admin.video.create') !!}" class="btn btn-xs green"> {{ __('New') }}
                   <i class="fa fa-plus"></i>
               </a>
               <a href="{{ URL('dashboard') }}" class="btn btn-xs grey-cascade"> {{ __('Home') }}
                   <i class="fa fa-home"></i>
               </a>
               </div>
           </div>
         <div class="portlet-body">

           <table class="table table-striped custom-table ">
              <thead>
                <tr>
                  <th width="10%"><i class="fa fa-building-o"></i></th>
                    <th><i class="fa fa-bookmark-o"></i> {{__('Title')}}</th>
                    <th width=""><i class="fa fa-newspaper-o"></i></th>
                    <th width="10%"><i class=" fa fa-edit"></i> {{__('Status')}}</th>
                    <th width="10%"><i class=" fa fa-eye"></i> </th>
                    <th width="15%"><i class="fa fa-cogs"></i> {{__('Action')}}</th>
                </tr>
              </thead>
              <tbody>
				@foreach ($videos as $index => $video)
              <tr>
                  <td>
                    {{ $index+1 }}

                  </td>
                  <td>
                    <a href="{!! URL::route('admin.video.edit', [$video->id]) !!}" >{{ $video->title }}</a>
                  </td>
				  <td>
                    <a href="{!! URL::route('admin.video.edit',[$video->id]) !!}" >
                      @if ($video->url)
                        <img style="height: 70px;" src="http://img.youtube.com/vi/{{$video->url}}/0.jpg" />
                      @else
                        <img style="height: 70px;" src="{{ asset('images/no-image.png') }}" />
                      @endif
                    </a>
                  </td>

                  <td>
                    <button class="btn  @if($video->publish) btn-info @endif  btn-xs btn-action" data-id="{{ $video->id }}" data-value="{{ $video->publish }}" data-type="publish"><i class="fa @if($video->publish) fa-check @else fa-times @endif"></i></button>
                  </td>
                  <td>
                    {{ $video->hits }}
                  </td>
                  <td>
                    {{ Form::open(['method' => 'DELETE', 'route' => ['admin.video.destroy', $video->id]]) }}
                      <a href="#" target="_blank"><span class="btn btn-success btn-xs"><i class="fa fa-eye"></i></span></a>
                      <a href="{!! URL::route('admin.video.edit', [$video->id]) !!}" ><span class="btn btn-primary btn-xs"><i class="fa fa-pencil"></i></span></a>
                          <button data-toggle="confirmation"
                            data-btn-ok-label="{{ __('Yes') }}"
                            data-btn-cancel-label="{{ __('No') }}"
                            data-title="<span class='caption-subject font-blue bold '>{{ __('Sure Remove') }}</span>"
                             type="submit" class="btn btn-danger btn-xs btn-action">  <i class="fa fa-trash-o"></i></button>

                      {{ Form::close() }}
                  </td>
              </tr>
			@endforeach
              </tbody>
          </table>
        </div>
    </div>
  </div>
</div>
@endsection

@section('scripts')

    
    
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-markdown/lib/markdown.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-markdown/js/bootstrap-markdown.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/jquery-validation/js/jquery.validate.min.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/jquery-validation/js/additional-methods.min.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/pages/scripts/form-validation.js') !!}

<script type="text/javascript">

</script>
@endsection