@extends('layout.backend')

@section('scripts')
@parent
<script type="text/javascript" src="/js/whatsapp.js"></script>
<script type="text/javascript" src="/js/disponibility.js"></script>
@endsection

@section('content')

<div class="card shadow mb-4">
    <a href="#infoUserDisponibility" class="d-block card-header py-3" data-bs-toggle="collapse" role="button" aria-expanded="true" aria-controls="infoUserDisponibility">
        <h6 class="m-0 font-weight-bold text-primary">DISPONIBILIDADE DE TRABALHO</h6>
    </a>
    <div class="collapse show" id="infoUserDisponibility">
        <div class="card-body">
            
        {!! Form::open(['id' => 'form-filter-users', 'url' => route('users.disponibility'), 'autocomplete' => 'off']) !!}
        @method('GET')

        <div class="row">
            <div class="col-sm-12 col-md-4 col-xl-3 mt-3 mt-sm-0 mt-md-1">
                <label for="" class="col-12 col-6 p-0">Tipo</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select("tipo", $tipos, $tipo, ['class' => "form-control", 'id'=>"tipo"]) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-4 col-xl-3 mt-3 mt-sm-0 mt-md-1">
                <label for="" class="col-12 col-6 p-0">Região</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select('regions', $regions, $data['regions'] ?? 'All', ['class' => 'form-control']) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-4 col-xl-3 mt-3 mt-sm-0 mt-md-1">
                <label for="" class="col-12 col-6 p-0">Cidade</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select('cities', $cities, $data['cities'] ?? 'All', ['class' => 'form-control']) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-6 mt-3">
                <button type="submit" class="btn btn-info btn-sm btn-icon-split">
                    <span class="icon text-white-50">
                        <i class="fas fa-filter"></i>
                    </span>
                    <span class="text">Filtrar</span>
                </button>
            </div>
        </div>
        {!! Form::close() !!}
        <br/>
        <div class="row justify-content-center flex-nowrap">
            @foreach($disp as $key=>$value)
                <div class="col-md-2 text-center p-0 align-middle {!! $dispclass[$key] !!}">
                <i class="fas fa-sm {!! $dispicon[$key] !!}"></i> {!! $value !!}
                </div>
            @endforeach
        </div>
        <br/>
            
            <div class="table-responsive">
                <table class="table table-bordered">
                    <thead class="thead-dark">
                        <tr>
                            @foreach($days as $wday=>$day)
                            <th class="tdday tdday{!! $wday !!} {!! $wday != (date('w')+1) ? 'd-none' : '' !!} text-center" colspan="{!! count($periods)+1 !!}">
                                <div class="row justify-content-center flex-nowrap">
                                <div class="col-md-1 daybackward" data-day="{!! $wday !!}"><i class="fas fa-sm fa-backward"></i></div>
                                <div class="col-md-3">{!! $day !!}</div>
                                <div class="col-md-1 dayforward" data-day="{!! $wday !!}"><i class="fas fa-sm fa-forward"></i></div>
                                </div>
                            </th>
                            @endforeach									
                        </tr>
                        <tr>
                            <td class="text-center col-sm-3">
                                Nome, total de turnos totalmente disponíveis e observação
                            </td>
                            @foreach($days as $wday=>$day)
                                @foreach($periods as $key => $period)
                                    <td class="tdday tdday{!! $wday !!} {!! $wday != (date('w')+1) ? 'd-none' : '' !!} text-center">{!! $period !!}</td>
                                @endforeach									
                            @endforeach									
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($users as $user)
                        <tr>
                            <td class="text-right col-sm-3">
                                <a href="{!! route('users.show', ['user' => $user->id]) !!}">
                                {!! $user->firstname !!} {!! $user->lastname !!}
                                </a>
                                @if ($availabilityperiods = $user->availabilityperiods(2))
                                    ({!! $availabilityperiods !!} turnos)
                                @endif
                                @if ($user->observations)
                                    <br/><small>Obs:{!! $user->observations !!}</small>
                                @endif
                            </td>
                            @for($day = 1; $day <= 7; $day++)
                                    @foreach($periods as $key => $period)
                                    <td class="tdday tdday{!! $day !!} {!! $day != date('w')+1 ? 'd-none' : '' !!} text-center p-0 align-middle {!! $hasAvailability = $user->hasAvailability($key,$day) ? $dispclass[$user->availabilitytype($key,$day)] : $dispclass[-1] !!}">
                                        <i class="fas fa-sm {!! $dispicon[$user->availabilitytype($key,$day)] !!}"></i> {!! $disp[$user->availabilitytype($key,$day)] !!}
                                    </td>
                                    @endforeach
                            @endfor
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

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



@endsection