@extends('layouts.index')

@section('estilos')
    <link rel="stylesheet" href="{{ asset('css/dataTables/bootstrap.css') }}">
    <link rel="stylesheet" href="{{ asset('css/dataTables/dataTables.bootstrap4.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/dataTables/responsive.bootstrap4.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/style.css') }}">
@stop

@section('menu')
    @include('menu.index');
@stop

@section('content')

<h3 class="text-muted color_pag">{{'Atenciones solicitadas'}}</h3>
<input type="hidden" id="identificador" value="#atenciones" >
<div class="espacio10">
    <table id="atenciones" class="table table-striped table-bordered shadow-lg mt-4 dt-responsive nowrap" style="width:100%">
        <thead class="bg-primary text-white">
            <tr>
                <th scope="col" width="10%">{{ 'Fecha' }}</th>
                <th scope="col" width="8%">{{ 'Hora' }}</th>
                <th scope="col" width="18%">{{ 'Paciente' }}</th>
                <th scope="col" width="18%">{{ 'Odontologo' }}</th>
                <th scope="col" width="11%">{{ 'Estado' }}</th>
                <th scope="col" width="8%">{{ 'Valoracion' }}</th>
                <th scope="col" width="25%">{{ 'Opciones' }}</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($atenciones as $atencion)
                <tr>
                    <td>{{date("d-m-Y",strtotime($atencion->fecha))}}</td>
                    <td>{{date("H:i",strtotime($atencion->fecha))}}</td>
                    <td>{{$atencion->paciente}}</td>
                    <td>{{$atencion->odontologo}}</td>
                    <td>{{$atencion->estado_atencion}}</td>
                    @if ($atencion->valorada == "S")
                        <td>{{'Valorada'}}</td>
                    @else
                        <td>{{'Sin Valoracion'}}
                    @endif
                    <td>
                        <form action="{{  route('valoraciones.create') }}" method="GET">
                            @csrf
                            @if ($atencion->estado_atencion_id == 6)
                                <a href="/pacientes/{{$atencion->id}}/receta" class="btn btn-sm btn-success">{{'Recetas'}}</a>
                                <a href="/pacientes/{{$atencion->id}}/certificado" class="btn btn-sm btn-warning">{{'Certificados'}}</a>
                                <a href="/atenciones/{{$atencion->id}}/detalle_atencion" class="btn btn-sm btn-primary">{{'Detalle'}}</a>
                                @if ($atencion->valorada == "S")
                                    <input type="button" disabled class="btn btn-sm btn-info" value="{{'Valorar'}}" \>
                                @else
                                    @if ($atencion->estado_atencion_id == 6)     
                                        <button type="submit" class="btn btn-sm btn-info">{{'Valorar'}}</button>
                                        <input type="hidden" name="atencion_id" value="{{$atencion->id}}" \>                                    
                                    @else
                                        <input type="button" disabled class="btn btn-sm btn-info" value="{{'Valorar'}}" \>
                                    @endif
                                @endif
                            @else
                                <input type="button" disabled class="btn btn-sm btn-success" value="{{'Recetas'}}" \>
                                <input type="button" disabled class="btn btn-sm btn-warning" value="{{'Certificados'}}" \>
                                <a href="/atenciones/{{$atencion->id}}/detalle_atencion" class="btn btn-sm btn-primary">{{'Detalle'}}</a>
                                <input type="button" disabled class="btn btn-sm btn-info" value="{{'Valorar'}}" \>
                            @endif
                        </form>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>

@stop

@section('scripts')
    <script src="{{ asset('js/dataTables/jquery-3.5.1.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/jquery.dataTables.min.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/dataTables.bootstrap4.min.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/dataTables.responsive.min.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/responsive.bootstrap4.min.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/config-dt.js') }}" defer></script>
@stop