@extends('platform::dashboard')

@section('title', 'Review & Override') {{-- We intentionally leave Orchid title empty --}}

@push('head')
<style>
    /* Hide Orchid's command bar (causing the white/blue bar) */
    .command-bar-wrapper {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    /* Reset header spacing so no gaps remain */
    header.header,
    .layout-header,
    .screen-header {
        margin: 0 !important;
        padding: 0 !important;
        height: 0 !important;
    }
</style>
@endpush


@section('content')

<div class="container-fluid">

    {{-- Custom Page Heading (clean and visible) --}}
    <div class="rounded shadow-sm p-4 mb-4"
         style="background: #f8fafc;">
        <h2 class="fw-bold mb-0" style="font-size: 26px;">
            Review & Override
        </h2>
    </div>

    {{-- Flash messages --}}
    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif


    {{-- Summary Box --}}
    <div class="bg-white shadow-sm rounded mb-4 p-4">

        <div class="row g-3 text-sm">

            <div class="col-md-3">
                <div class="fw-bold text-muted small">Business</div>
                <div class="fw-semibold">{{ $assignment->business->name ?? '-' }}</div>
            </div>

            <div class="col-md-3">
                <div class="fw-bold text-muted small">Sector</div>
                <div class="fw-semibold">{{ $assignment->business->sector->name ?? '-' }}</div>
            </div>

            <div class="col-md-3">
                <div class="fw-bold text-muted small">Month</div>
                <div class="fw-semibold">{{ $assignment->month }}</div>
            </div>

            <div class="col-md-3">
                <div class="fw-bold text-muted small">Total Calls</div>
                <div class="fw-semibold">{{ $calls->count() }}</div>
            </div>

            <div class="col-md-3">
                <div class="fw-bold text-muted small">Assessor (Access)</div>
                <div class="fw-semibold">{{ $calls->first()->access_assessor_name ?? '—' }}</div>
            </div>

            <div class="col-md-3">
                <div class="fw-bold text-muted small">Assessor (Quality)</div>
                <div class="fw-semibold">{{ $calls->first()->quality_assessor_name ?? '—' }}</div>
            </div>

        </div>
    </div>


    {{-- Override UI --}}
    @include('manager.override', [
        'assignment' => $assignment,
        'calls' => $calls
    ])

</div>

@endsection