@extends('layouts.admin')



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

@endsection

@section('content')
<div class="container-fluid">
   <div class="row ">
      <div class="col">
         <div class="card">
            <div class="card-header">

               <div style="display: flex; justify-content: space-between; align-items: center;">

                  <p class="h3">Registro de Tipos de Pagos a Doctores
                  </p>

               </div>

            </div>
            <div class="card-body">

               <form action="{{route('pagos.store')}}" method="post">
                  @csrf
                  @include('admin.pagos.form')

                  <button type="submit" class="btn btn-success btn-block my-4"> <i class="fas fa-save    "></i> Guardar</button>
               </form>

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

@endsection
@section('scripts')

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

<script>
   var tratamiento = new SlimSelect({
      select: '#tratamiento',
      //showSearch: false,
      placeholder: 'Seleccione los Tratamientos',
      deselectLabel: '<span>&times;</span>',
      hideSelectedOption: true,
   })

   $('#tratamiento-select-all').click(function() {
      var options = [];
      $('#tratamiento option').each(function() {
         options.push($(this).attr('value'));
      });

      tratamiento.set(options);
   })

   $('#tratamiento-deselect-all').click(function() {
      tratamiento.set([]);
   })
</script>
@endsection