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

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


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


            <button  onClick="createBookcase()" id="btn-create-bookcase" class="btn btnBox pull-right ">{{ Lang::get('messages.screen_bookcase_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('/bookcase_embed')}}">{{ Lang::get('messages.screen_bookcase_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/bookcase.js') }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>

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