@extends('layouts.admin')


@section('styles')
<link rel="stylesheet" href="{{asset('plugins/datatable/css/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('plugins/slim-select/slimselect.min.css') }}">

@endsection

@section('content')

<div class="container-fluid">

   @include('admin.cajaindependiente.notas_botones')

   <div id="accordianId" role="tablist" aria-multiselectable="true">
      <div class="card">
         <div class="card-header" role="tab" id="datosId!">
            <h5 class="mb-0">
               <a data-toggle="collapse" data-parent="#accordianId" href="#section1ContentId" aria-expanded="true" aria-controls="section1ContentId">
                  MOVIMIENTOS DE CAJA
               </a>
            </h5>
         </div>
         <div id="section1ContentId" class="collapse in" role="tabpanel" aria-labelledby="datosId!">
            <div class="card-body">
               @include('admin.cajaindependiente.movimientos_caja')
            </div>
         </div>
      </div>
      <div class="card">
         <div class="card-header" role="tab" id="section2HeaderId">
            <h5 class="mb-0">
               <a data-toggle="collapse" data-parent="#accordianId" href="#section2ContentId" aria-expanded="true" aria-controls="section2ContentId">
                  CUADRES
               </a>
            </h5>
         </div>
         <div id="section2ContentId" class="collapse in" role="tabpanel" aria-labelledby="section2HeaderId">
            <div class="card-body">

               @include('admin.cajaindependiente.cuadres')

            </div>
         </div>
      </div>
   </div>


</div>

@endsection



@section('scripts')

<script src="{{ asset('plugins/ckeditor/ckeditor.js')  }}"></script>
<script>
   CKEDITOR.replace('nota', {});
</script>

<script src="{{ asset('plugins/slim-select/slimselect.min.js') }}"></script>


<script>
   new SlimSelect({
      select: '#gasto_id'
   });
</script>

@endsection