@extends('layouts.app',[
    'class' => '',
    'folderActive' => 'operations',
    'elementActive' => 'planning'
])

@section('content')
    <div class="app-page-title">
        <div class="page-title-wrapper">
            <div class="page-title-heading">
                <div class="page-title-icon">
                    <i class="fas fa-clipboard-list icon-gradient bg-mean-fruit"></i>
                </div>
                <div>
                    Planning des opérations
                    <div class="page-title-subheading">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-12">
                    <h6>Opération non attribué : </h6>
                    <div class="row mb-2">
                        <div class="col-3">
                            <select class="custom-select" id="new-schedule">
                                <option value="">Sélectionner une opération</option>
                                @foreach($operations as $operation)
                                    <option
                                        value="{{ $operation->operation_id }}">{{ $operation->operation_title }}</option>
                                @endforeach
                            </select>
                        </div>
                        <form action="{{ route('operations.planning') }}" class="col-6">
                            <div class="row">
                                <div class="col-4">
                                    @if(isset($request->week))
                                        <input type="hidden" name="week" value="{{ $request->week }}">
                                    @endif
                                    <select class="custom-select" id="new-schedule" name="status"
                                            onchange="this.form.submit()">
                                        <option value="">Filtrer par statut</option>
                                        @foreach(config('various.operation_status') as $key => $status)
                                            <option
                                                {{ isset($request->status) && $request->status == $key ? 'selected' : '' }} value="{{ $key }}">{{ $status }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-4">
                                    <select class="custom-select select2" id="" name="user"
                                            onchange="this.form.submit()">
                                        <option value="">Filtrer par utilisateur</option>
                                        @foreach($has_planning_users as $key => $user)
                                            <option
                                                {{ isset($request->user) && $request->user == $user->user_id ? 'selected' : '' }}
                                                value="{{ $user->user_id }}">{{ $user->user->user_firstname }} {{ $user->user->user_lastname }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                @if((auth()->user()->client_id == 0 || !isset(auth()->user()->client_id)))
                                    <div class="col-4">
                                        <select class="form-control select_filter select2" id="client" name="client"
                                                onchange="this.form.submit()">
                                            <option value="">Filtrer par client</option>
                                            @foreach($clients as $client)
                                                <option
                                                    {{ isset($request->client) && $request->client == $client->client_id ? 'selected' : '' }}
                                                    value="{{ $client->client_id }}">{{ $client->client_title }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                @endif
                            </div>
                        </form>
                        <div class="col-3">
                            <a href="{{ route('operations.planning') . '?' . 'week=' . (isset($request->week) ? $request->week - 1 : -1) }}@foreach($request->except('week') as $key => $params){{ '&'. $key . '=' . $params }}@endforeach"
                               class="btn btn-primary move-day mb-2" id="prev">
                                <i class="fa fa-chevron-left" data-action="move-prev"></i>
                            </a>
                            <a href="{{ route('operations.planning') . '?' . 'week=' . (isset($request->week) ? $request->week + 1 : 1) }}@foreach($request->except('week') as $key => $params){{ '&'. $key . '=' . $params }}@endforeach"
                               class="btn btn-primary move-day mb-2" id="next">
                                <i class="fa fa-chevron-right" data-action="move-next"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="table-responsive">
                        <table class="mb-0 table table-striped no-footer">
                            <thead>
                            <th></th>
                            @foreach($period as $date)
                                <th class="border-right">{{ $date->format('d/m') }}</th>
                            @endforeach
                            <th class="border-right">Rdv non attribués</th>
                            <th class="border-right">Rdv non transformé en rapport</th>
                            <th class="border-right">% Rapports validés</th>
                            </thead>
                            <tbody>
                            @foreach($has_planning_users as $user)
                                @isset($plannings[$user->user_id])
                                    @foreach($plannings[$user->user_id] as $planning)
                                        @php
                                            $color = '#6ba6e3';
                                            switch ($planning->operation->statut_operation) {
                                                case -1:
                                                    $color = '#16aaff';
                                                    break;
                                                case 1:
                                                    $color = '#6c757d';
                                                    break;
                                                case 2:
                                                    $color = '#f7b924';
                                                    break;
                                                case 3:
                                                    $color = '#3ac47d';
                                                    break;
                                            }
                                        @endphp
                                        <tr>
                                            @if($loop->first)
                                                <td rowspan="{{ count($plannings[$user->user_id]) }}"
                                                    class="td_left"
                                                    style="background: {{ $user->user->color->meta_value ?? '#6ba6e3' }}">
                                                    {{ $user->user->user_firstname }} {{ $user->user->user_lastname }}
                                                </td>
                                            @endif
                                            @foreach($period as $cell)
                                                @if($planning->start->format('Y-m-d 00:00:00') > $cell->format('Y-m-d 00:00:00') ||
                                                    $planning->end->format('Y-m-d 00:00:00') < $cell->format('Y-m-d 00:00:00'))
                                                    @if($planning->end->format('Y-m-d 00:00:00') < $cell->format('Y-m-d 00:00:00') && $cell->format('Y-m-d 00:00:00')<=date("Y-m-d 00:00:00",strtotime('now')))
                                                        <td class="striped" style="color:white">
                                                        </td>
                                                    @else
                                                        <td></td>
                                                    @endif
                                                @else
                                                    <td class="filled"
                                                        style="background: {{ $color }};">
                                                        <a class="filled-link"
                                                           href="{{ route('operations.show', $planning->operation_id) }}"
                                                           target="_blank"
                                                           style="    text-transform: uppercase;">{{ ($planning->start->format('Y-m-d') == $cell->format('Y-m-d') || ($planning->start->format('Y-m-d') <= $cell->format('Y-m-d') && $loop->first)) ? $planning->operation->operation_title : '' }}</a>
                                                    </td>
                                                @endif

                                            @endforeach
                                            <td class="text-center">
                                                @if($planning->operation->rdv->count() > 0)
                                                    <div class="icon-wrapper rounded-circle"
                                                         style="width: 30px;height: 30px">
                                                        <div class="icon-wrapper-bg opacity-9 bg-danger"
                                                             style="color: white;    vertical-align: middle;    padding-top: 4px;    font-weight: 700;    font-size: 15px;">
                                                            <a style="color:white!important" target="_blank"
                                                               href="{{ route('operations.show', $planning->operation_id) }}">
                                                                {{ $planning->operation->rdv->count() }}</a>
                                                        </div>
                                                    </div>
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                @if($planning->operation->rdvLeft->count() > 0)
                                                    <div class="icon-wrapper rounded-circle"
                                                         style="width: 30px;height: 30px">
                                                        <div class="icon-wrapper-bg opacity-9 bg-warning"
                                                             style="color: white;    vertical-align: middle;    padding-top: 4px;    font-weight: 700;    font-size: 15px;">
                                                            <a style="color:white!important" target="_blank"
                                                               href="{{ route('operations.show', $planning->operation_id) }}">
                                                                {{ $planning->operation->rdvLeft->count() }}</a>
                                                        </div>
                                                    </div>
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                <a style="color:white!important" target="_blank"
                                                   href="{{ route('operations.show', $planning->operation_id) }}">
                                                    @if($planning->operation->rapports->count() == 0)
                                                        <span class="btn btn-warning">Aucun rapport</span>
                                                    @else
                                                        @php $calc = isset($planning) && $planning->operation->rapports->count() > 0 ? ($planning->operation->rapportsValidated->count() / $planning->operation->rapports->count()) * 100 : 0 @endphp
                                                        <div
                                                            class="btn btn-{{ $calc == 100 ? 'success' : 'danger' }}">
                                                            <span>{{ number_format($calc, 2, ',' ,' ') }}% ({{$planning->operation->rapportsValidated->count()}}/{{$planning->operation->rapports->count()}})</span>
                                                        </div>
                                                    @endif
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <style>

        .table-responsive-sm th {
            text-align: center;
        }

        td.full {
            background: blanchedalmond;
        }

        .filled > a {
            color: #ffffff !important;
        }

        .filled:hover a {
            border-bottom: 1px solid white;
        }

        .td_left {
            text-align: center;
            font-weight: 700;
            text-transform: uppercase;
            background: #16aaff;
            color: white;
        }

        .striped {
            background: repeating-linear-gradient(
                45deg,
                red,
                #ffc1c1 10px,
                red 10px,
                #ff5151 20px
            )
        }
    </style>
@endsection

@section('modal')
    @include('modals.plannings.new-planning')
@endsection