@extends('admin.template')


@section('styles')

<link rel="stylesheet" href="/select2/css/select2.min.css">

<style type="text/css">
  .btn-file {
      position: relative;
      overflow: hidden;
  }
  .btn-file input[type=file] {
      position: absolute;
      top: 0;
      right: 0;
      min-width: 100%;
      min-height: 100%;
      font-size: 100px;
      text-align: right;
      filter: alpha(opacity=0);
      opacity: 0;
      outline: none;
      background: white;
      cursor: inherit;
      display: block;
  }

  .img_upload_featured{
      max-height: 140px;
      max-width: 100%;
  }

  .img_upload{
      max-height: 180px;
      max-width: 100%;
  }

  .img_upload:hover{
      cursor: move;
  }

  .img_box{
      width: 100%;
      text-align: center;
      height: 150px;
      border:1px Solid #a9a9a9;
      line-height: 145px;
  }

  .img_main_box{
      max-width: 200px;
  }

  .sm_txt{
      font-size: 11px;
  }

  .m_top{
      margin-top: 5px;
  }

  .save_btn{
      margin-top: 15px;
      border-radius: 0px;
  }

  .input_txt{
      font-size: 16px;
  }

  .del_btn{
    color: #fff !important;
    width: 20px;
    padding: 1px;
    position: absolute;
    right: 16px;
    top: 22px;
  }

  #industries_drop ul{
    padding: 0px;
    list-style: none;
  }

  #industries_drop ul li{
    padding: 5px;
    border: 1px Solid #ccc;
    font-size: 12px;
    font-weight: bold;
    text-transform: capitalize;
  }

  #industries_drop ul li:hover{
    cursor: pointer;
    background-color: #949292;
    color: #fff;
  }

  .cap_txt{
    text-transform: capitalize;
  }
</style>

@endsection


@section('content')

<div class="main-content-container container-fluid px-4">
  <!-- Page Header -->
  <div class="page-header row no-gutters py-4">
    <div class="col-12 col-sm-4 text-center text-sm-left mb-0">
      <span class="text-uppercase page-subtitle">Products</span>
      <h3 class="page-title">Edit Video</h3>
    </div>
  </div>
  <!-- End Page Header -->
  <!-- Default Light Table -->
  <div class="row">
    <div class="col-lg-12">
      <div class="card card-small mb-4">
        <div class="card-header border-bottom">
          <h6 class="m-0">Videos Details</h6>
        </div>
        <ul class="list-group list-group-flush">
          <li class="list-group-item p-3">
            <div class="row">
              <div class="col">
                {!! Form::model($videos,['route' => ['admin.videos.update',$videos->id],'class'=>'login_form','id'=>'login_form', 'files' => 'true']) !!}
                  
                  {{csrf_field()}}
                  
                  
                  <div class="form-row">
                    <div class="form-group col-md-6">
                      <label>Title</label>
                      {{Form::text('tittle',null,['class' => 'form-control', 'placeholder' => 'Please enter product title','required'=>''])}} 
                    </div>
                  </div>

         
              <div class="form-row">
                <div class="form-group col-md-6">
                  <label>Video Thumicon</label> <br>
                 @if($videos->thumbnail != '')
                    <img style="" src="/uploads/images/videothumbnail/{{$videos->thumbnail}}" >
                  @endif
                  <input type='file' name='thumbnail' >
                </div>
              </div>
              
              
         
                <div class="form-row">
                    <div class="form-group col-md-6">
                      <label>Video</label> <br>
                      
                       @if($videos->video != '')
                            <video width="200" height="200" controls style="object-fit: cover;">
                              <source src="{{$videos->video}}" type="video/mp4">
                            </video>
                      @endif
                      <input type='file' name='video' >
                    </div>
                  </div>
                  
                  
                 
                 
                 

                  <button style="margin-top: 20px;" type="submit" class="btn btn-accent">Update</button>
                {{Form::close()}}
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- End Default Light Table -->
</div>

@endsection


@section('scripts')


<script type="text/javascript" src="/tinymce/tinymce.min.js"></script>



@endsection