@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        @if(session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif
         @if(session('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                {{ session('error') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif

        <h1 class="mb-4">Detalhes do Pedido #{{ $order->id }}</h1>

        <div class="row">
            {{-- Coluna de Informações Principais --}}
            <div class="col-lg-8">
                <div class="card mb-4">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h5>Itens do Pedido</h5>
                        <h5 class="mb-0">Total: <span class="text-danger">R$ {{ number_format($order->total, 2, ',', '.') }}</span></h5>
                    </div>
                    <div class="card-body">
                        <table class="table align-middle">
                            <thead>
                                <tr>
                                    <th>Produto</th>
                                    <th class="text-center">Quantidade</th>
                                    <th class="text-end">Preço Unitário</th>
                                    <th class="text-end">Subtotal</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($order->items as $item)
                                    <tr>
                                        <td>
                                            <div class="d-flex align-items-center">
                                                @if($item->produto->imagem)
                                                    <img src="{{ asset('storage/' . $item->produto->imagem) }}" alt="{{ $item->produto->nome }}" width="50" class="img-thumbnail me-2">
                                                @endif
                                                <span>{{ $item->produto->nome }}</span>
                                            </div>
                                        </td>
                                        <td class="text-center">{{ $item->quantidade }}</td>
                                        <td class="text-end">R$ {{ number_format($item->preco, 2, ',', '.') }}</td>
                                        <td class="text-end">R$ {{ number_format($item->preco * $item->quantidade, 2, ',', '.') }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header">
                        <h5>Informações do Cliente</h5>
                    </div>
                    <div class="card-body">
                        <p><strong>Nome:</strong> {{ $order->cliente->name ?? 'Não informado' }}</p>
                        <p class="mb-0"><strong>Endereço de Entrega:</strong> {{ $order->endereco_entrega }}</p>
                    </div>
                </div>
            </div>

            {{-- Coluna de Status e Ações --}}
            <div class="col-lg-4">
                <div class="card mb-4">
                    <div class="card-header">
                        <h5>Status e Ações</h5>
                    </div>
                    <div class="card-body">
                        <p><strong>Status Atual:</strong> <span class="badge bg-info text-dark">{{ ucfirst(str_replace('_', ' ', $order->status)) }}</span></p>
                        <p><strong>Pagamento:</strong> <span class="badge bg-warning text-dark">{{ ucfirst($order->pagamento_status) }}</span></p>
                        @if($order->entregador_id)
                            <p><strong>Entregador:</strong> {{ $order->entregador->name ?? 'Não encontrado' }}</p>
                        @endif
                        
                        {{-- SÓ MOSTRA AS AÇÕES SE O PEDIDO NÃO FOI ENTREGUE OU CANCELADO --}}
                        @if($order->status !== 'entregue' && $order->status !== 'cancelado')
                            <hr>
                            {{-- Formulário de atualização de status --}}
                            <form action="{{ route('admin.pedidos.updateStatus', $order->id) }}" method="POST" class="mb-2">
                                @csrf
                                <div class="mb-3">
                                    <label for="status" class="form-label fw-bold">Alterar Status:</label>
                                    <select name="status" id="status" class="form-select">
                                        <option value="pendente" {{ $order->status == 'pendente' ? 'selected' : '' }}>Pendente</option>
                                        <option value="em_separacao" {{ $order->status == 'em_separacao' ? 'selected' : '' }}>Em Separação</option>
                                        <option value="em_rota" {{ $order->status == 'em_rota' ? 'selected' : '' }}>Em Rota de Entrega</option>
                                        <option value="entregue" {{ $order->status == 'entregue' ? 'selected' : '' }}>Entregue</option>
                                    </select>
                                </div>

                                <div class="mb-3" id="campo-entregador" style="display: none;">
                                    <label for="entregador_id" class="form-label fw-bold">Atribuir Entregador:</label>
                                    <select name="entregador_id" id="entregador_id" class="form-select">
                                        <option value="">Selecione um entregador...</option>
                                        @foreach($entregadores as $entregador)
                                            <option value="{{ $entregador->id }}" {{ $order->entregador_id == $entregador->id ? 'selected' : '' }}>
                                                {{ $entregador->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <button type="submit" class="btn btn-primary w-100">Atualizar Status</button>
                            </form>

                            {{-- NOVO BOTÃO DE CANCELAMENTO --}}
                            <form action="{{ route('admin.pedidos.cancelar', $order->id) }}" method="POST">
                                @csrf
                                <button type="submit" class="btn btn-danger w-100" onclick="return confirm('Atenção! Esta ação irá cancelar o pedido e devolver os produtos ao estoque. Deseja continuar?')">
                                    Cancelar Pedido
                                </button>
                            </form>
                        @else
                            <div class="alert alert-light mt-3" role="alert">
                                Este pedido já foi finalizado e não pode ser alterado.
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <a href="{{ route('admin.pedidos.index') }}" class="btn btn-secondary mt-4">Voltar para a Lista de Pedidos</a>
    </div>

    {{-- SCRIPT PARA MOSTRAR/ESCONDER O CAMPO DE ENTREGADOR --}}
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const statusSelect = document.getElementById('status');
            const entregadorField = document.getElementById('campo-entregador');

            function toggleEntregadorField() {
                if (statusSelect.value === 'em_rota') {
                    entregadorField.style.display = 'block';
                } else {
                    entregadorField.style.display = 'none';
                }
            }
            toggleEntregadorField();
            statusSelect.addEventListener('change', toggleEntregadorField);
        });
    </script>
@endsection