@extends('layouts.index')

@section('estilos')
    <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('adminlte/plugins/fontawesome-free/css/fontawesome.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/style.css') }}">
    <script src="{{ asset('js/jquery.slim.min.js') }}" defer></script>
@stop

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

@section('content')
<div class="container-fluid">
    <div class="row">
		<div class="col-md-12">
            <h6>Ver detalle agenda seleccionada (Solo vigentes)</h6>
		</div>
	</div>
    @php($aux_id="")
    @foreach ($agendas as $agenda)
        @if($agenda->id != $aux_id)
            @if ($loop->iteration > 1)
                </div></div>
            @endif
            <div class="row">
                <div class="col-md-8">

                    <div class="row">
                        <div class="col-md-12">
                            <h6>{{date("d-m-Y", strtotime($agenda->fecha))}}</h6>
                        </div>
                    </div>

                    <div class="row">
                        @if ($agenda->estado_agenda_id != 3)
                            <div class="col-md-2">
                                <div class="row">
                                    <div class="col-md-12">
                                        {{'Bloque'}}
                                    </div>
                                    <div class="col-md-12">
                                        {{date("H:i", strtotime($agenda->hora_inicio))}}
                                    </div>
                                    <div class="col-md-12">
                                        {{date("H:i", strtotime($agenda->hora_termino))}}
                                    </div>
                                    <div class="col-md-12">
                                        {{$agenda->estado_agenda}}
                                    </div>
                                </div> 
                            </div>
                        @endif
            @php($aux_id=$agenda->id)
        @else
            @if ($agenda->estado_agenda_id != 3)
                <div class="col-md-2">
                    <div class="row">
                        <div class="col-md-12">
                            {{'Bloque'}}
                        </div>
                        <div class="col-md-12">
                            {{date("H:i", strtotime($agenda->hora_inicio))}}
                        </div>
                        <div class="col-md-12">
                            {{date("H:i", strtotime($agenda->hora_termino))}}
                        </div>
                        <div class="col-md-12">
                            {{$agenda->estado_agenda}}
                        </div>
                    </div>
                </div>
            @endif
        @endif
    @endforeach
</div>
@stop

@section('scripts')
    <script src="{{ asset('js/jquery-3.5.1.js') }}" defer></script>
    <script src="{{ asset('js/popper.min.js') }}" defer></script>
    <script src="{{ asset('js/bootstrap.min.js') }}" defer></script>
    <script src="{{ asset('js/scripts.js') }}" defer></script>
    <script src="{{ asset('js/jornada.js') }}" defer></script>
@endsection