@php use App\Models\ConfiguradorProduto\Situacao\Situacao;use App\Models\ConfiguradorProduto\TipoOrcamento\TipoOrcamentoSituacao;use App\Models\User;use Carbon\Carbon; @endphp
@extends('layouts.secundario.create')

@section('fields')
    <ul class="nav nav-tabs" id="myTab" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link @if(!$model->estaFinalizado()) active @else disabled @endif" id="tramite-tab" data-bs-toggle="tab" data-bs-target="#tramite" type="button" role="tab" aria-controls="home" aria-selected="true">Tramite</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link @if($model->estaFinalizado()) active @endif" id="historico-tab" data-bs-toggle="tab" data-bs-target="#historico" type="button" role="tab" aria-controls="profile" aria-selected="false">Histórico</button>
        </li>

    </ul>
    <div class="tab-content" id="myTabContent">
        <div class="tab-pane fade @if(!$model->estaFinalizado()) show active @endif" id="tramite" role="tabpanel" aria-labelledby="tramite-tab">
            <br/>
            <h6>Resumo do Orçamento</h6>
            <div class="row">
                <div class="col-2">
                    <x-form.inputs.text
                        label="Orçamento"
                        name="orcamento"
                        :disabled="true"
                        :required="false"
                        :route="$acao->slug"
                        :value="$model->id">
                    </x-form.inputs.text>
                </div>
                <div class="col-2">
                    <x-form.inputs.date
                        label="Data Geração"
                        name="data_geracao"
                        type="datetime-local"
                        :disabled="true"
                        :required="false"
                        :route="$acao->slug"
                        :value="Carbon::create($model->data_geracao. ' '. $model->hora_geracao)->format('Y-m-d H:i:s')">
                    </x-form.inputs.date>
                </div>
                <div class="col-2">
                    <x-form.inputs.text
                        label="Cliente"
                        name="cliente"
                        :disabled="true"
                        :required="false"
                        :route="$acao->slug"
                        :value="$model?->cliente?->nome">
                    </x-form.inputs.text>
                </div>
                <div class="col-2">
                    <x-form.inputs.text
                        label="Observação"
                        name="observacao"
                        :disabled="true"
                        :required="false"
                        :route="$acao->slug"
                        :value="$model->observacao">
                    </x-form.inputs.text>
                </div>
            </div>
            <hr>
            <h6 class="mt-3">Efetuar Trâmite</h6>
            <div class="row mt-1">
                <div class="col">
                    <x-form.inputs.textarea
                        label="Descrição"
                        name="descricao"
                        :required="false"
                        :route="$acao->slug"
                        :value="old('descricao')">
                    </x-form.inputs.textarea>
                </div>
            </div>

            <div class="row mt-3">
                <div class="col-2">
                    <x-form.inputs.select
                        label="Usuário responsável"
                        name="usuario_responsavel_id"
                        :route="$acao->slug"
                        :options="User::all()->pluck('name', 'id')->toArray()"
                        :value="old('usuario_responsavel_id', $model->ultimoTramite->usuario_responsavel_id)">
                    </x-form.inputs.select>
                </div>
                <div class="col-2">
                    <x-form.inputs.select
                        label="Situação"
                        name="situacao_id"
                        :route="$acao->slug"
                        :options="$model->situacoes()"
                        :value="old('situacao_id')">
                    </x-form.inputs.select>
                </div>
            </div>
        </div>
        <div class="tab-pane fade @if($model->estaFinalizado()) show active @endif" id="historico" role="tabpanel" aria-labelledby="historico-tab">
            <table class="table">
                <thead>
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">Situação</th>
                    <th scope="col">Descricão</th>
                    <th scope="col">Usuário Responsável</th>
                    <th scope="col">Usuário Origem</th>
                    <th scope="col">Data Origem</th>
                </tr>
                </thead>
                <tbody>
                @foreach($model->propostaTramites as $index => $tramite)
                    <tr>
                        <td>{{ $index + 1 }}</td>
                        <td>{{ $tramite->situacao->descricao }}</td>
                        <td>{{ $tramite->descricao }}</td>
                        <td>{{ $tramite->usuarioResponsavel?->name }}</td>
                        <td>{{ $tramite->usuarioTramite?->name }}</td>
                        <td>{{ Carbon::create($tramite->created_at)->format('d/m/Y H:i:s') }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection