@extends('impressoes.layout1.content')

@section('conteudo')
<fieldset>
    <legend>Filtros</legend>
    <div class="row">
        <div class="col-6">
            <strong>Período de:</strong>
        </div>
        <div class="col-6">
            <strong>Até: </strong>
        </div>
    </div>
    <div class="row">
        <div class="cell col-6">
            {{$params['periodo']['start'] }}
        </div>
        <div class="cell col-6">
            {{$params['periodo']['end'] }}
        </div>
    </div>
    <div class="row">
        <div class="col-6">
            <strong>Unidade executante:</strong>
        </div>
        <div class="col-6">
            <strong>Grupo de exames:</strong>
        </div>
    </div>
    <div class="row">
        <div class="col-6">
            {{$params['executantes']}}
        </div>
        <div class="col-6">
            {{$params['grupos']}}
        </div>
    </div>
    <div class="row">
        <div class="col-6">
            <strong>Profissional executante:</strong>
        </div>
        <div class="col-6">
            <strong>Status:</strong>
        </div>
    </div>
    <div class="row">
        <div class="col-6">
            {{$params['profissional']}}
        </div>
        <div class="col-6">
           {{$params['status']}}
        </div>
    </div>
</fieldset>


<table class="table">

    <div style="text-align:right;padding-bottom:10px;">
        AT = Atendimentos | V = Vagas
    </div>
    <thead>
        <tr>
            <th>Data</th>
            <th>Profissional</th>
            <th>Grupo de exame</th>
            <th>Dia da semana</th>
            <th class="text-center">Início</th>
            <th class="text-center">Fim</th>
            <th class="text-center">Status</th>
            <th class="text-center">AT / V</th>
        </tr>
    </thead>

    <tbody>
        @foreach ($listagem as $profissional)
            <tr>
                <td class="text-left">{{$profissional['data']}}</td>
                <td class="text-left">{{$profissional['profissional_nome']}}</td>
                <td class="text-left">{{$profissional['grupo']}}</td>
                <td class="text-left">{{$profissional['nome_semana']}}</td>
                <td class="text-center">{{$profissional['hora_inicial']}}</td>
                <td class="text-center">{{$profissional['hora_fim']}}</td>
                <td class="text-center">{{$profissional['status_nome']}}</td>
                <td class="text-center">
                    {{$profissional['soma']}} / {{$profissional['vagas']}}
                </td>
            </tr>
        @endforeach
            <tr>
                <td colspan="8">
                    <strong style="float:left;width:50%;margin:0px">
                        Total de atendimento:  {{$params['totalAtendimento']}}
                    </strong>

                    <strong style="float:right;margin:0px" >
                        Total de vagas:  {{$params['vagaTotal']}}
                    </strong>
                </td>
            </tr>
    </tbody>
</table>

<style>
    body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
    }
    strong{
        font-size: 14px;
    }
    fieldset{
        display: block;
        margin-inline-start: 2px;
        margin-inline-end: 2px;
        padding-block-start: 0.35em;
        padding-inline-start: 0.75em;
        padding-inline-end: 0.75em;
        padding-block-end: 0.625em;
        min-inline-size: min-content;
        border-width: 2px;
        border-style: groove;
        border-color: rgb(192, 192, 192);
        border-image: initial;
    }
    legend {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 100!important;
    }

    .mt-10 {
        margin-top: 10px;
    }

    .text-titulo {
        font-family: Arial, Helvetica, sans-serif;
        font-size:15px;
    }

    .text-center {
        text-align: center!important;
    }
    .checkbox {
        width: 1em;
        height: 1em;
        margin-top: 0.25em;
        vertical-align: top;
        border: 2px solid rgba(0,0,0,.25);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
    h3 {
        padding: 0;
        margin: 0;
    }

    p {
        padding: 0;
        margin: 0;
        font-size:13px;
        letter-spacing: 1px
    }

    .dados {
        background-color: #f1f1f1;
    }

    table th {
        text-align: center;
        background-color: #ffffff;
    }

    footer {
        color: #222222;
        display: block;
        font-family: Helvetica;
        font-size: 12px;
        padding-top: 5mm;
        width: 450px;
        line-height: 32px;
    }
    .footer {
        border-top: 2px solid #000000;
        width: 450px;
    }
    .footer-left {
        text-align: left;
    }
    .footer-right {
        line-height: 10px;
        text-align: right;
    }
</style>
@endsection