@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') }}">
@stop

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

@section('content')

<h3 class="text-muted color_pag">{{'Agendas'}}</h3>
<a href="/odontologos/create_agenda" class="btn btn-sm btn-primary">Nueva</a>
<input type="hidden" id="identificador" value="#agendas" >
<div class="espacio10">
    <table id="agendas" 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="15%">{{'Fecha'}}</th>
                <th scope="col" width="10%">{{'Nro Jornadas'}}</th>
                <th scope="col" width="15%">{{'Estado'}}</th>
                <th scope="col" width="15%">{{'Comuna'}}</th>
                <th scope="col" width="45%">{{'Opciones'}}</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($agendas as $agenda)
                <tr>
                    <td>{{voltear_fecha($agenda->fecha)}}</td>
                    <td>{{$agenda->jornadas}}</td>
                    @if ($agenda->vigente == "S")
                        <td>{{'Vigente'}}</td>
                    @else
                        <td>{{'No Vigente'}}</td>
                    @endif
                    <td>{{$agenda->comuna}}</td>
                    <td>
                        @if ($agenda->vigente == "S")
                            <a href="/odontologos/{{$agenda->id}}/ver_agenda" class="btn btn-sm btn-primary">{{'Ver Agenda'}}</a>
                            <a href="/odontologos/{{$agenda->id}}/editar_agenda" class="btn btn-sm btn-success">{{'Editar'}}</a>
                            <a href="/odontologos/{{$agenda->id}}/editar_agenda" class="btn btn-sm btn-danger">{{'Eliminar'}}</a>
                        @else
                            <input type="button" class="btn btn-sm btn-primary" value="{{'Ver Agenda'}}" disabled />
                            <input type="button" class="btn btn-sm btn-success" value="{{'Editar'}}" disabled />
                            <input type="button" class="btn btn-sm btn-danger" value="{{'Eliminar'}}" disabled />
                        @endif
                    </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