@extends('layouts.admin')

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



@section('content')

<div class="container-fluid mb-5">
  <div class="row mb-5">
    <div class="col mb-5">
      <div class="card p-4 mb-5">
        <h4 class="card-title text-uppercase">{{$paciente->nombre}} </h4><br>

        <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
          <li class="nav-item">
            <a class="nav-link active text-capitalize" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true">datos</a>
          </li>

          <li class="nav-item">
            <a class="nav-link" id="pills-deuda-tab" data-toggle="pill" href="#pills-deuda" role="tab" aria-controls="pills-deuda" aria-selected="false">TRABAJOS</a>
          </li>



          <li class="nav-item">
            <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false">Actualizar</a>
          </li>

        </ul>

        <div class="tab-content" id="pills-tabContent">


          <!-- compras  -->
          <div class="tab-pane fade" id="pills-deuda" role="tabpanel" aria-labelledby="pills-deuda-tab">

            <h4 class="text-center">TRABAJOS</h4>

            <div class="row">
              <div class="col-md-4">
                <p class="text-center">PENDIENTES</p>
                <ul class="list-group">
                  @foreach ($trabajos as $t)
                  @if ($t->estado === 'PENDIENTE')
                  <li class="list-group-item d-flex justify-content-between align-items-center">
                    BLOQUE: {{$t->bloque}} <br>
                    COLOR: {{$t->color}} <br>
                    TAMANO: {{$t->tamano}}<br>
                    F. ESTIMADA: {{$t->f_estimada}} <br>
                    <span class="badge badge-info badge-pill" style="color: #0000;"><a href="{{route('trabajo.show', $t->id)}}" target="_blank" ><i class="fa fa-link" aria-hidden="true"></i> IR</a></span>
                  </li>
                  @endif
                  @endforeach
                </ul>


              </div>
              <div class="col-md-4">
                <p class="text-center">ENTREGADOS</p>
                <ul class="list-group">
                  @foreach ($trabajos as $t)
                  @if ($t->estado !== 'PENDIENTE')
                  <li class="list-group-item d-flex justify-content-between align-items-center">
                    BLOQUE: {{$t->bloque}} <br>
                    COLOR: {{$t->color}} <br>
                    TAMANO: {{$t->tamano}}<br>
                    F. ENTREGA: {{$t->f_entrega}} <br>
                    <span class="badge badge-danger badge-pill" ><a style="color: red !important;" href="{{route('trabajo.show', $t->id)}}" target="_blank" ><i class="fa fa-link" aria-hidden="true"></i> IR</a></span>
                  </li>
                  @endif
                  @endforeach
                </ul>



              </div>
              <div class="col-md-4">
                <p class="text-center">DOCTORES</p>

              </div>
            </div>

          </div>
          <!-- fin compras -->


          <!-- Axtualizar  -->
          <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
            <h4>Actualizar Cliente</h4>
            <form action="{{route('paciente.update',$paciente)}}" method="POST">
              @csrf
              @method('PUT')


              <div class="form-group">
                <label for="">NOMBRE</label>
                <input type="text" class="form-control" name="nombre" value="{{$paciente->nombre}}">
              </div>
              <div class="form-group">
                <label for="">DIRECCION</label>
                <input type="text" class="form-control" name="direccion" value="{{$paciente->direccion}}">
              </div>
              <div class="form-group">
                <label for="">TELEFONO</label>
                <input type="text" class="form-control" name="telefono" value="{{$paciente->telefono}}">
              </div>
              <div class="form-group">
                <label for="">CUI</label>
                <input type="text" class="form-control" name="cui" value="{{$paciente->cui}}">
              </div>



              <button type="submit" class="btn btn-success btn-block"> <i class="fa fa-save"></i> Actualizar</button>
            </form>

          </div>
          <!-- end Actualizar -->

          <!-- datos del cliente -->
          <div class="tab-pane fade show active text-center" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">

            <h4>{{$paciente->nombre}}</h4>

            <div class="card p-3">
              <div class="center">
              </div>
              <div class="card-body">
                <h5 class="card-title text-uppercase">{{$paciente->nombre}}</h5>
                <p class="card-text text-capitalize">Direccion: {{$paciente->direccion}}</p>
                <p class="card-text">Telefono: {{$paciente->telefono}}</p>
              </div>
            </div>

          </div>
          <!-- fin datos del cliente -->

        </div>

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

@endsection


@section('scripts')
<script src="{{asset('plugins/datatable/js/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('plugins/datatable/js/dataTables.bootstrap4.min.js')}}"></script>

<script>
  $(document).ready(function() {

    $('#deudas').DataTable({
      "language": {
        'info': '_TOTAL_ Registros',
        'search': 'Buscar',
        'paginate': {
          'next': 'Siguiente',
          'previous': 'Atras'
        },
        'loadingRecords': 'cargando',
        'emptyTable': 'No hay datos',
        'zeroRecords': 'No hay datos iguales'
      }
    });

    $('#compras').DataTable({
      "language": {
        'info': '_TOTAL_ Registros',
        'search': 'Buscar',
        'paginate': {
          'next': 'Siguiente',
          'previous': 'Atras'
        },
        'loadingRecords': 'cargando',
        'emptyTable': 'No hay datos',
        'zeroRecords': 'No hay datos iguales'
      }
    });
  });
</script>
@endsection