@extends('adminlte::page')

@section('title', __('calendar.tab-title'))

@section('content_header')
    <h3 class="m-0 text-center menu-title">{{ __('calendar.title') }}</h3>
@stop

@section('content')
    @php
        use Carbon\Carbon;
        $now = Carbon::create($year, $month);
        $daysInMonth = $now->daysInMonth;
        $dayLabels = ['Ned', 'Pon', 'Uto', 'Sri', 'Čet', 'Pet', 'Sub'];
        $prevMonth = $now->copy()->subMonth();
        $nextMonth = $now->copy()->addMonth();
    @endphp

    <div class="card">
        <div class="card-body">

            <div class="d-flex justify-content-between align-items-center mb-3">
                <a href="{{ route('calendar.index', ['month' => $prevMonth->month, 'year' => $prevMonth->year]) }}"
                   class="btn btn-primary">←</a>
                <h4 class="mb-0">
                    <input type="text"
                           class="form-control text-center border-0 bg-transparent fw-bold flatpickrMonthPicker"
                           style="font-size: 1.5rem; width: auto;"
                           readonly
                           value="{{ ucfirst(\Carbon\Carbon::createFromDate($year, $month, 1)->translatedFormat('F Y.')) }}"
                           data-month="{{ $month }}"
                           data-year="{{ $year }}"
                    >
                </h4>

                <a href="{{ route('calendar.index', ['month' => $nextMonth->month, 'year' => $nextMonth->year]) }}"
                   class="btn btn-primary">→</a>
            </div>

            <div class="calendar-wrapper">
                <table class="table table-bordered calendar-table">
                    <thead>
                    <tr>
                        <th>Serviser</th>
                        @for ($i = 1; $i <= $daysInMonth; $i++)
                            <th>
                                {{ $i }}<br>
                                <small>{{ $dayLabels[Carbon::create($year, $month, $i)->dayOfWeek] }}</small>
                            </th>
                        @endfor
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($servers as $index => $serviser)
                        @php
                            $serviserOrders = $orders->where('user_id', $serviser->id)->sortBy('planned_starting_date')->values();
                            $rows = [];

                            foreach ($serviserOrders as $event) {
                                $eventStart = Carbon::parse($event->planned_starting_date);
                                $eventEnd = Carbon::parse($event->execution_date);
                                $placed = false;

                                foreach ($rows as &$row) {
                                    $conflict = false;

                                    foreach ($row as $existingEvent) {
                                        $existingStart = Carbon::parse($existingEvent->planned_starting_date);
                                        $existingEnd = Carbon::parse($existingEvent->execution_date);

                                        if ($eventStart->lte($existingEnd) && $eventEnd->gte($existingStart)) {
                                            $conflict = true;
                                            break;
                                        }
                                    }

                                    if (! $conflict) {
                                        $row[] = $event;
                                        $placed = true;
                                        break;
                                    }
                                }

                                if (! $placed) {
                                    $rows[] = [$event];
                                }
                            }

                            $rowClass = $index % 2 === 0 ? 'bg-even' : 'bg-odd'; // klase za stilizaciju
                        @endphp

                        {{-- Prvi red sa imenom --}}
                        <tr class="{{ $rowClass }}">
                            <td class="serviser-cell" rowspan="{{ max(count($rows), 1) }}">{{ $serviser->name }}</td>
                            @include('calendar.partials.event_row', [
                                'events' => $rows[0] ?? [],
                                'daysInMonth' => $daysInMonth,
                                'month' => $month,
                                'year' => $year
                            ])
                        </tr>

                        {{-- Ostali slojevi (redovi) --}}
                        @for ($i = 1; $i < count($rows); $i++)
                            <tr class="serviser-subrow {{ $rowClass }}">
                                @include('calendar.partials.event_row', [
                                      'events' => $rows[$i],
                                      'daysInMonth' => $daysInMonth,
                                      'month' => $month,
                                      'year' => $year
                                  ])
                            </tr>
                        @endfor
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@stop

@section('footer')
@include('calendar.modals.details')
@append

@push('css')
    @include('adminlte::libs.css.select2')
@endpush

@push('js')
    <script type="text/javascript">
        $(document).ready(function () {
            initializeFlatpickrMonthPicker('.flatpickrMonthPicker', function (date) {
                const month = date.getMonth() + 1;
                const year = date.getFullYear();
                window.location.href = `?month=${month}&year=${year}`;
            });

            // Tooltipovi
            $('[data-bs-toggle="tooltip"]').tooltip();

            // Modal s detaljima radnog naloga
            window.showEventModal = function (id) {
                $('#event-details-content').html('<div class="text-center">Učitavanje...</div>');
                $('#eventDetailsModal').modal('show');

                $.ajax({
                    url: `/calendar/working-order/${id}`,
                    type: 'GET',
                    success: function (data) {
                        let html = `
                        <table class="table table-bordered">
                            <tr><th>Status</th><td>${data.completed}</td></tr>
                            <tr><th>Uređaj</th><td>${data.product}</td></tr>
                            <tr><th>Klijent</th><td>${data.client}</td></tr>
                            <tr><th>Planirani početak</th><td>${data.planned_starting_date}</td></tr>
                            <tr><th>Planirani završetak</th><td>${data.planned_completion_date}</td></tr>
                            <tr><th>Stvarni završetak</th><td>${data.execution_date}</td></tr>
                            <tr><th>Status</th><td>${data.status}</td></tr>
                            <tr><th>Napomena</th><td>${data.note ?? '-'}</td></tr>
                        </table>
                        <div class="text-center mt-5">
                            <a href="/working_orders/${data.id}/edit" target="_blank" class="btn btn-sm btn-primary">
                                Radni nalog
                            </a>
                        </div>
                    `;
                        $('#event-details-content').html(html);
                    },
                    error: function () {
                        $('#event-details-content').html('<div class="text-danger">Greška pri učitavanju detalja.</div>');
                    }
                });
            }
        });
    </script>
@endpush