@extends('layouts.admin')

@section('content')
<section class="content container-fluid main">
   <div class="row">
      <div class="col-md-12">
         <div class="card card-default">
            <div class="card-header">
               <span class="card-title" style=" font-size: 172%">Registrar Pacientes</span>
            </div>
            <div class="card-body">
               <form method="get" id="signup-form" action="">
                  <div class="form-group">
                     <label for="">Fecha De Inicio</label>
                     <input type="date" name="inicio" class="form-control datepicker">
                  </div>
                  <div class="form-group">
                     <label for="">Fecha Final</label>
                     <input type="date" name="final" class="form-control datepicker">
                  </div>
                  <button type="submit" class="btn btn-primary"><i class="fa fa-search" aria-hidden="true"></i></button>
               </form>

               <table class="table my-4 p-5">
                  <thead>
                     <tr>
                        <th>RECIBO</th>

                        <th>PACIENTE</th>
                        <th>TIPO</th>
                        <th>VALOR</th>
                        <th>FECHA</th>
                        <th></th>
                     </tr>
                  </thead>
                  <tbody>
                     @foreach ($abonos as $a)
                     <tr>
                        <td>{{$a->id}}</td>
                        <td>{{$a->paciente->nombre}}</td>
                        <td>{{$a->tipo}}</td>
                        <td>{{$a->valor}}</td>
                        <td>{{$a->created_at}}</td>
                        <td>
                           <a class="btn btn-primary" href="{{route('abono.abonar', ['paciente' => $a->paciente->nombre, 'id' => $a->paciente->id] )}}"><i class="fa fa-eye" aria-hidden="true"></i></a>
                        </td>
                     </tr>
                     @endforeach

                  </tbody>
               </table>
            </div>
         </div>
      </div>
   </div>
</section>
@endsection