@extends('modules.head') @section('contenido')
<h3 ><a class="ruta" class="" href="{{url('/video_youtube')}}">{{ Lang::get('messages.screen_youtube_tag1')}}  </a> <span class="separador-ruta">|</span><a class="ruta" class="" href="{{url('/video_youtube/add')}}">{{ Lang::get('messages.screen_youtube_tag2')}} </a> </h3>

<div class="box">
    <div class="box-header with-border">
        <h3 class="box-title">{{ Lang::get('messages.screen_youtube_tag2')}}</h3>


        <!-- /.box-tools -->
    </div>
    <!-- /.box-header -->
    <div class="box-body" >
        <form role="form" id="createYoutube" data-toggle="validator">
            <div class="row">
                <div class="col-3 col-md-3">
                    <div class="form-group">
                        <label for="name">{{ Lang::get('messages.screen_youtube_tag4')}} </label>
                        <input type="text" class="form-control" id="name" name="name" required>
                    </div>
                </div>
                 <div class="col-3 col-md-3">
                      <div class="form-group">
                          <label for="link">{{ Lang::get('messages.screen_youtube_tag5')}} </label>
                          <input type="text" class="form-control" name="link" id="link" >
                      </div>
                </div>
            </div>
            


            <button  onClick="createYoutube()" id="btn-create-youtube" class="btn btnBox pull-right ">{{ Lang::get('messages.screen_youtube_tag11')}}</button>
            <button type="button" class="btn btnBox pull-right displayNone" id="spinnerButton">
              <i class="fa fa-spinner fa-spin"></i>
            </button>
            <button type="button" class="btn btn-default pull-right btnCancel"  >
                <a href="{{url('/video_youtube')}}">{{ Lang::get('messages.screen_youtube_tag12')}} </a>
            </button>
            {{ csrf_field() }}
        </form>
    </div>
    <!-- /.box-body -->
</div>
@endsection
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/youtube.js') }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>

<script type="text/javascript">
    $(document).ready(function () {
      $('.select2').select2();
    });
</script>