@extends('layouts.default')
@section('content')
    <div class="row top_tiles">
        @php($tamanho = 12)
        @if (isset($documentos[0]))
            @php($tamanho = 8)
            <div class="col-md-4 col-sm-4 col-xs-12">
                <div class="x_panel" style="padding-bottom: 0px;min-height: 200px;">
                    <div class="x_title">
                        <h2>Documentos </h2>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <ul class="list-unstyled ">
                            @foreach ($documentos as $item)
                                <li>
                                    <a href="{{ $item->download_url }}" target="_blank" rel="noopener" download>
                                        {{ $item->titulo }}
                                    </a>
                                </li>
                            @endforeach
                            @if (!empty($has_more_documentos))
                                <li style="text-align: right;">
                                    <a href="{{ route('documentos') }}">Mais...</a>
                                </li>
                            @endif
                        </ul>

                    </div>
                </div>
            </div>
        @endif
        <div class="col-md-{{ $tamanho }} col-sm-{{ $tamanho }} col-xs-12">
            <div class="x_panel" style="min-height: 200px;">
                <div class="x_title">
                    <h2>Acesso Rápido</h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content text-center">
                    <a class="btn btn-app" id="botao-escala-diaria">
                        <i class="fas fa-calendar-day"></i> Escala Hoje
                    </a>
                    <a class="btn btn-app" id="botao-escala-diaria-amanha">
                        <i class="fas fa-calendar-day"></i> Escala Amanhã
                    </a>
                    <a class="btn btn-app" id="botao-escala-pessoal">
                        <i class="far fa-calendar-check"></i> Minha Escala de Hoje
                    </a>
                    <a class="btn btn-app" id="botao-escala-pessoal-amanha">
                        <i class="far fa-calendar-plus"></i> Minha Escala de Amanhã
                    </a>
                    @if (Auth()->user()->tipo == 'A' && $aprovar > 0)
                        <a class="btn btn-app" href="{{ route('aprovar_folgas') }}">
                            <i class="fas fa-check"></i> <span class="red">Folgas Pendentes de Aprovação:
                                {{ $aprovar }} </span>
                        </a>
                    @endif
                </div>
            </div>
        </div>
        {{-- <div class="col-md-6 col-sm-6 col-xs-12">
            <div class="x_panel">
                <div class="x_title">
                    <h2>Minha Escala</h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content text-center">
                    <a class="btn btn-app" id="botao-escala-pessoal">
                        <i class="far fa-calendar-check"></i> Minha Escala de Hoje
                    </a>
                    <a class="btn btn-app" id="botao-escala-pessoal-amanha">
                        <i class="far fa-calendar-plus"></i> Minha Escala de Amanhã
                    </a>
                </div>
            </div>
        </div> --}}
    </div>

    <div class="row">

        {{-- @isset($sequencia_hoje[0])
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>Sequência da Escala</h2>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <table cellspacing="0" class="table-hover table-bordered table-responsive" width="100%">
                            <tbody>
                                <tr>
                                    <td></td>
                                    @for ($x = 0; $x < (count($sequencia_hoje) > count($sequencia_amanha) ? count($sequencia_hoje) : count($sequencia_amanha)); $x++)
                                        <td class="text-center"><b>{{ $x + 1 }}</b></td>
                                    @endfor
                                </tr>
                                <tr>
                                    <td><b>{{ date('j/m') }}</b></td>
                                    @for ($x = 0; $x < count($sequencia_hoje); $x++)
                                        <td class="text-center">{{ isset($sequencia_hoje[$x]->name) ? $sequencia_hoje[$x]->name : '' }}</td>
                                    @endfor
                                </tr>
                                <tr>
                                    <td><b>{{ date('d') + 1 . date('/m') }}</b></td>
                                    @for ($x = 0; $x < count($sequencia_amanha); $x++)
                                        <td class="text-center">{{ isset($sequencia_amanha[$x]->name) ? $sequencia_amanha[$x]->name : '' }}</td>
                                    @endfor
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        @endisset --}}

        <div class="col-md-12">
            <div class="x_panel">
                <div class="x_title">
                    <h2>Escala de Ausências</h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <span><i class="fas fa-square-full" style="color: yellow;"></i> Folga</span>
                    <span><i class="fas fa-square-full" style="color: red"></i> Folga paga</span>
                    <span><i class="fas fa-square-full" style="color: #3282d8"></i> Férias</span>
                    <span><i class="fas fa-square-full" style="color: #449418"></i> Atestado</span>
                    <span><i class="fas fa-square-full" style="color: #a419a8"></i> Licenças M/P</span>
                    <span><i class="fas fa-square-full" style="color: gray"></i> Aprovação Pendente</span>
                    <span><i class="fas fa-square-full" style="color: deepskyblue"></i> Rio Pardo</span>

                    <div id='calendario_anual'></div>
                </div>
            </div>
        </div>

    </div>

    <div aria-hidden="true" class="modal fade" id="modal-escala-diaria" role="dialog" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button class="close" data-dismiss="modal" type="button"><span aria-hidden="true">×</span></button>
                    <h4 class="modal-title" id="modal-title">Escala - {{ date('d/m/Y') }}</h4>
                </div>
                <div class="modal-body">
                    <table class="table table-hover table-row-clickable datatable-agendas" width="100%">
                        <thead>
                            <tr>
                                <th>Hospital</th>
                                <th>Hora</th>
                                <th>Convênio</th>
                                <th>Sala</th>
                                <th>Paciente</th>
                                <th>Cirurgia</th>
                                <th>Cirurgião</th>
                                <th>SAR</th>
                                <th>Obs</th>
                                <th>Anestesista</th>
                                <th>Funcionário</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($agenda as $item)
                                <tr data-id="{{ $item->id }}">
                                    <td>{{ $item->ds_hospital }}</td>
                                    <td>{{ formata_hora_simples($item->hora) }}</td>
                                    <td>{{ $item->ds_convenio }}</td>
                                    <td>{{ $item->sala }}</td>
                                    <td>{{ $item->paciente }}</td>
                                    <td>{{ $item->cirurgia }}</td>
                                    <td>{{ $item->ap_cirurgiao }}</td>
                                    <td class="{{ $item->sar == 'Sim' ? 'green' : 'red' }}">{{ $item->sar }}</td>
                                    <td>{{ $item->obs_hospital }}</td>
                                    <td>{{ $item->ap_anestesista }}</td>
                                    <td>{{ $item->funcionario }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">

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

    <div aria-hidden="true" class="modal fade" id="modal-escala-diaria-amanha" role="dialog" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button class="close" data-dismiss="modal" type="button"><span aria-hidden="true">×</span></button>
                    <h4 class="modal-title" id="modal-title">Escala - {{ formata_data($amanha) }}</h4>
                </div>
                <div class="modal-body" style="overflow:scroll;">
                    <table class="table table-hover table-row-clickable datatable-agendas" width="100%">
                        <thead>
                            <tr>
                                <th>Hospital</th>
                                <th>Hora</th>
                                <th>Convênio</th>
                                <th>Sala</th>
                                <th>Paciente</th>
                                <th>Cirurgia</th>
                                <th>Cirurgião</th>
                                <th>SAR</th>
                                <th>Obs</th>
                                <th>Anestesista</th>
                                <th>Funcionário</th>
                            </tr>
                        </thead>
                        <tbody>

                            @foreach ($agenda_amanha as $item)
                                <tr data-id="{{ $item->id }}">
                                    <td>{{ $item->ds_hospital }}</td>
                                    <td>{{ formata_hora_simples($item->hora) }}</td>
                                    <td>{{ $item->ds_convenio }}</td>
                                    <td>{{ $item->sala }}</td>
                                    <td>{{ $item->paciente }}</td>
                                    <td>{{ $item->cirurgia }}</td>
                                    <td>{{ $item->ap_cirurgiao }}</td>
                                    <td class="{{ $item->sar == 'Sim' ? 'green' : 'red' }}">{{ $item->sar }}</td>
                                    <td>{{ $item->obs_hospital }}</td>
                                    <td>{{ $item->ap_anestesista }}</td>
                                    <td>{{ $item->funcionario }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">

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

    <div aria-hidden="true" class="modal fade" id="modal-escala-pessoal" role="dialog" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button class="close" data-dismiss="modal" type="button"><span
                            aria-hidden="true">×</span></button>
                    <h4 class="modal-title" id="modal-title">Minha Escala - {{ date('d/m/Y') }}</h4>
                </div>
                <div class="modal-body" style="overflow:scroll;">
                    <table class="table table-hover table-row-clickable datatable-agendas" width="100%">
                        <thead>
                            <tr>
                                <th>Hospital</th>
                                <th>Hora</th>
                                <th>Convênio</th>
                                <th>Sala</th>
                                <th>Paciente</th>
                                <th>Cirurgia</th>
                                <th>Cirurgião</th>
                                <th>Obs</th>
                                <th>Anestesista</th>
                                <th>Funcionário</th>
                            </tr>
                        </thead>
                        <tbody>

                            @foreach ($agenda as $item)
                                @if ($item->id_anestesista == \Illuminate\Support\Facades\Auth::user()->id)
                                    <tr data-id="{{ $item->id }}">
                                        <td>{{ $item->ds_hospital }}</td>
                                        <td>{{ formata_hora_simples($item->hora) }}</td>
                                        <td>{{ $item->ds_convenio }}</td>
                                        <td>{{ $item->sala }}</td>
                                        <td>{{ $item->paciente }}</td>
                                        <td>{{ $item->cirurgia }}</td>
                                        <td>{{ $item->ap_cirurgiao }}</td>
                                        <td>{{ $item->obs_hospital }}</td>
                                        <td>{{ $item->ap_anestesista }}</td>
                                        <td>{{ $item->funcionario }}</td>
                                    </tr>
                                @endif
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">

                </div>
            </div>
        </div>
    </div>
    <div aria-hidden="true" class="modal fade" id="modal-escala-pessoal-amanha" role="dialog" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button class="close" data-dismiss="modal" type="button"><span
                            aria-hidden="true">×</span></button>
                    <h4 class="modal-title" id="modal-title">Minha Escala - {{ formata_data($amanha) }}</h4>
                </div>
                <div class="modal-body" style="overflow:scroll;">
                    <table class="table table-hover table-row-clickable datatable-agendas" width="100%">
                        <thead>
                            <tr>
                                <th>Hospital</th>
                                <th>Hora</th>
                                <th>Convênio</th>
                                <th>Sala</th>
                                <th>Paciente</th>
                                <th>Cirurgia</th>
                                <th>Cirurgião</th>
                                <th>Obs</th>
                                <th>Anestesista</th>
                                <th>Funcionário</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($agenda_amanha as $item)
                                @if ($item->id_anestesista == \Illuminate\Support\Facades\Auth::user()->id)
                                    <tr data-id="{{ $item->id }}">
                                        <td>{{ $item->ds_hospital }}</td>
                                        <td>{{ formata_hora_simples($item->hora) }}</td>
                                        <td>{{ $item->ds_convenio }}</td>
                                        <td>{{ $item->sala }}</td>
                                        <td>{{ $item->paciente }}</td>
                                        <td>{{ $item->cirurgia }}</td>
                                        <td>{{ $item->ap_cirurgiao }}</td>
                                        <td>{{ $item->obs_hospital }}</td>
                                        <td>{{ $item->ap_anestesista }}</td>
                                        <td>{{ $item->funcionario }}</td>
                                    </tr>
                                @endif
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">

                </div>
            </div>
        </div>
    </div>
@endsection

@section('custom_js')
    <script src="{{ asset('js/escalas1.6.js') }}"></script>
    <script>
        $(document).ready(function() {
            var calendar = $('#calendario_anual').fullCalendar({
                lang: 'pt-br',
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'year ,month'
                },
                firstDay: 0,
                navLinks: false,
                editable: false,
                eventLimit: false,
                height: 'auto',
                language: 'pt-BR',
                selectable: true,
                dragabble: true,
                defaultView: 'month',
                yearColumns: 3,
                durationEditable: true,
                showNonCurrentDates: false,
                bootstrap: false,
                events: [
                    @foreach ($ferias as $f)
                        {
                            title: '{{ $f->name }}',
                            start: '{{ $f->dt_inicial }} 00:00:01',
                            end: '{{ $f->dt_final }} 23:59:59',
                            @if ($f->tipo == 'folga' && $f->status != '?')
                                color: 'yellow',
                                textColor: 'black',
                            @elseif ($f->tipo == 'folga_paga' && $f->status != '?')
                                color: 'red',
                            @elseif ($f->status == '?')
                                color: 'gray',
                            @elseif ($f->tipo == 'atestado')
                                color: 'green',
                            @elseif ($f->tipo == 'maternidade')
                                color: '#a419a8',
                            @elseif ($f->tipo == 'ferias')
                                color: '#3282d8',
                            @elseif ($f->tipo == 'riopardo')
                                color: 'deepskyblue'
                            @endif
                        },
                    @endforeach
                ],
            });
        });
    </script>
@endsection