@extends('layouts.admin')

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


<!-- Multi Select css -->
<link rel="stylesheet" type="text/css" href="{{asset('plugins/bootstrap-multiselect/css/bootstrap-multiselect.css')}}">
<link rel="stylesheet" type="text/css" href=" {{asset('plugins/multiselect/css/multi-select.css')}}">

<style>
   .select2-container--default .select2-selection--multiple .select2-selection__choice {
      background-color: #01A9AC;
      border: 1px solid #aaa;
      border-radius: 4px;
      cursor: default;
      float: left;
      margin-right: 5px;
      margin-top: 5px;
      padding: 0 5px;
   }
</style>
@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')
<!-- select2 -->
<script type="text/javascript" src="{{asset('plugins/select2/js/select2.full.min.js')}}"></script>

<!-- Multiselect js -->
<script type="text/javascript" src="{{asset('plugins/bootstrap-multiselect/js/bootstrap-multiselect.js')}}">
</script>
<script type="text/javascript" src="{{asset('plugins/multiselect/js/jquery.multi-select.js')}}"></script>

<script type="text/javascript" src="{{asset('plugins/multiselect/js/jquery.quicksearch.js')}}"></script>


<script>
   // Multi Select
   $(".js-example-basic-multiple").select2();
</script>

@endsection