@extends('layouts.app')

@section('content')
<div class="container mt-5">
    <a href="{{ route('transactionspost.form') }}" class="btn btn-primary mb-3">Crear Transaccion</a>
    <h1>Documentos Contables</h1>

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

    <table class="table table-striped">
        <thead>
            <tr>
                <th>ID</th>
                <th>Prefijo + Número</th>
                <th>Compañia</th>
                <th>Tercero</th>
                <th>Año</th>
                <th>Mes</th>
                <th>Soporte</th>
                <th>Observaciones</th>
                <th>Fecha</th>
                <th>Estado</th>
                <th>Acciones</th>
            </tr>
        </thead>
        <tbody>
            @foreach($headers as $header)
            <tr>
                <td>{{ $header->id }}</td>
                <td>{{ $header->prefix_document_number }}</td>
                <td>{{ $header->company->name ?? '' }}</td>
                <td>
                    @if($header->entity)
                    @if(!empty($header->entity->business_name))
                    {{ $header->entity->business_name }}
                    @else
                    {{ trim(($header->entity->first_name ?? '') . ' ' . ($header->entity->first_surname ?? '')) }}
                    @endif
                    @else
                    <em>Sin tercero</em>
                    @endif
                </td>
                <td>{{ $header->year }}</td>
                <td>{{ $header->month }}</td>
                <td>{{ $header->support_document }}</td>
                <td>{{ $header->observations }}</td>
                <td>{{ $header->date }}</td>
                <td>
                    <span class="badge 
                        @if($header->status == 'borrador') bg-secondary 
                        @elseif($header->status == 'contabilizado') bg-success 
                        @elseif($header->status == 'anulado') bg-danger 
                        @endif">
                        {{ ucfirst($header->status) }}
                    </span>
                </td>
                <td>
                    @if($header->status !== 'contabilizado')
                    <a href="{{ route('transactions.edit', $header) }}" class="btn btn-warning btn-sm">Editar</a>
                    <button type="button" class="btn btn-danger btn-sm"
                        data-bs-toggle="modal"
                        data-bs-target="#deleteModal"
                        data-id="{{ $header->accounting_document_id }}"
                        data-url="{{ url('transactions') }}">
                        Eliminar
                    </button>
                    <button type="button" class="btn btn-info btn-sm"
                        data-bs-toggle="modal"
                        data-bs-target="#statusModal"
                        data-id="{{ $header->id }}"
                        data-status="{{ $header->status }}"
                        data-url="{{ url('transactions/status') }}">
                        Estado
                    </button>

                    @endif
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection

{{-- Modal de confirmación --}}
<div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="deleteModalLabel">Confirmar Eliminación</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
            </div>
            <div class="modal-body">
                ¿Estás seguro de que deseas eliminar este documento contable?
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                <form id="deleteForm" method="POST">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger">Eliminar</button>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="statusModal" tabindex="-1" aria-labelledby="statusModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <form id="updateStatus" method="POST">
            @csrf
            @method('PUT')
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="statusModalLabel">Cambiar Estado</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="statusSelect" class="form-label">Seleccione estado</label>
                        <select id="statusSelect" name="status" class="form-select" required>
                            <option value="borrador">Borrador</option>
                            <option value="contabilizado">Contabilizado</option>
                            <!-- <option value="anulado">Anulado</option> -->
                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-info">Guardar</button>
                </div>
            </div>
        </form>
    </div>
</div>
@section('scripts')
<script src="{{ asset('js/transactions.js') }}"></script>
@endsection