@extends('layout.app')



@section('content')
<div id="planning" class="container container-xxl vueComponent">
    <div class="row mb-3 sticky-top bg-white">
        <div class="col-2">
            <h1><a href="{{ route('schedule.index') }}">{{__('Planning') }}</a></h1>
        </div>
        <div class="col pt-2">
            <h4 class="d-inline me-3">Légende</h4>
            <div class="d-inline">
                @foreach(CellType::toArray() as $type)
                <span class="{{ Str::slug("celltype-$type->label") }}">{{ $type->label }}</span>
                @endforeach
            </div>
        </div>
    </div>
    @php
    $dataVue = [
        'browseDate' => $date,
        'schedules' => $arSchedules,
        'activities' => ActivityType::toArray(),
        'models' => CellModel::toArray(),
        'users' => $users,
        'weeks' => $weekCells,
        'daySlots' => Config::get('schedules.daySlots'),
        'showWeekends' => 'false',
    ];
    @endphp
    <div
        id="schedule"
        data-json='@json($dataVue)'></div>
</div>
@endsection

@push('scriptsConstants')
<script nonce="{{ $nonce }}">
    window._routes = {
        "schedule.index": "{{ route('schedule.index') }}",
        "ticket.show": "{{ route('ticket.show', 'TICKET') }}",
        "projects.show": "{{ route('projects.show', 'PROJECT') }}",
        "sites.show": "{{ route('sites.show', 'SITE') }}",
        "ticket.index": "{{ route('ticket.index') }}",
        "projects.index": "{{ route('projects.index') }}",
        "sites.index": "{{ route('sites.index') }}",
        "schedule.setCellContent": "{{ route('schedule.setCellContent') }}",
        "schedule.eraseCellContent": "{{ route('schedule.eraseCellContent') }}"
    };
</script>
@endpush

@push('styles')
<style nonce="{{ $nonce }}">
    .support {
        background-color: {{CellType::support()->value}} !important;
    }
    .rnd {
        background-color: {{CellType::rnd()->value}} !important;
    }
    .dev {
        background-color: {{CellType::dev()->value}} !important;
    }
    .projects {
        background-color: {{CellType::projects()->value}} !important;
    }
    .management {
        background-color: {{CellType::management()->value}} !important;
    }
    .absence, .Sat, .Sun {
        background-color: {{CellType::absence()->value}} !important;
    }
    .empty {
        background-color: #FFF !important;
    }
    @foreach(CellType::toArray() as $type)
    .{{ Str::slug("celltype-$type->label") }} {
        background-color: {{ $type->value }};
        border: 1px solid black;
    }
    @endforeach
</style>
@endpush