{{-- MODAL: Agendar --}}
<div class="modal-header conteudo-modal-header">
    <h5
        style="font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin:0;color:var(--dm-text-muted);">
        <span style="color:#e6ab09;font-family:'Courier New',monospace;">#{{ $chamado->id }}</span>
        &nbsp;·&nbsp; {{ $chamado->types->name }}
        <span style="font-weight:400;margin-left:.4rem;">— Agendar</span>
    </h5>
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"
        style="color:var(--dm-text-muted);opacity:1;font-size:1.2rem;line-height:1;">
        <span aria-hidden="true">&times;</span>
    </button>
</div>

<div class="modal-body row g-0" style="min-height:280px;">

    {{-- ── ESQUERDA: Formulário ── --}}
    <div class="col-md-6 conteudo-col-left" style="display:flex;flex-direction:column;">

        <div class="conteudo-col-header">
            <span
                style="font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--dm-text-muted);">
                <i class="bi bi-calendar-date me-1"></i> Definir data de atendimento
            </span>
        </div>

        <form action="{{ route('acompadmin', ['type' => 'agenda']) }}" method="post"
            style="flex:1;display:flex;flex-direction:column;padding:1.25rem;gap:.75rem;">
            @csrf
            <input type="hidden" name="id" value="{{ $chamado->id }}">

            <div>
                <label
                    style="font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--dm-text-muted);display:block;margin-bottom:.3rem;">
                    <i class="bi bi-calendar-event me-1"></i> Planejar para
                </label>
                <input type="date" name="time_to_resolve" required min="{{ date('Y-m-d') }}"
                    style="width:100%;background:var(--dm-surface-2);border:1px solid var(--dm-border);color:var(--dm-text);border-radius:6px;padding:.45rem .7rem;font-size:.82rem;outline:none;">
            </div>

            <div style="margin-top:auto;padding-top:.5rem;">
                <button type="submit" class="saas-btn gg" style="width:100%;justify-content:center;padding:.55rem;">
                    <i class="bi bi-calendar-check me-1"></i> Agendar
                </button>
            </div>
        </form>
    </div>

    {{-- ── DIREITA: Detalhes do chamado ── --}}
    <div class="col-md-6" style="display:flex;flex-direction:column;">

        @include('admin.modal.page_content._detalhes_header', ['chamado' => $chamado])

        @include('admin.modal.page_content._chamado_header', ['chamado' => $chamado])

        <div style="flex:1;overflow-y:auto;">

            @include('admin.modal.page_content._payload_cards', ['chamado' => $chamado])

            <div class="conteudo-date-footer">
                Aberto em <strong>{{ date('d/m/Y H:i', strtotime($chamado->date_creation)) }}</strong>
            </div>
        </div>
    </div>

</div>

<div class="modal-footer conteudo-modal-footer">
    <div>
        @include('admin.modal._status_badge', ['chamado' => $chamado])
    </div>
    {{-- Ações --}}
    @include('admin.modal._acoes-dropdown', ['chamado' => $chamado])
</div>