@extends('adminlte::page')

@section('title', 'Estado de Cuenta - Proveedor')
@section('plugins.Datatables', true)

@section('content_header')
    <h4>Estado de Cuenta por Proveedor</h4>
@stop

@section('content')
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">
                <i class="fas fa-search mr-2"></i>Seleccionar Proveedor
            </h3>
        </div>
        <div class="card-body">
            <form action="{{ route('reportes.estado-cuenta-proveedor.search') }}" method="GET">
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="proveedor_id">Proveedor <span class="text-danger">*</span></label>
                            <select name="proveedor_id" id="proveedor_id" class="form-control" required>
                                <option value="">Seleccione un proveedor</option>
                                @foreach($proveedores as $prov)
                                    <option value="{{ $prov->id }}"
                                        {{ isset($request) && $request->proveedor_id == $prov->id ? 'selected' : '' }}>
                                        {{ $prov->razon_social }} - Saldo: S/ {{ number_format($prov->saldo_actual, 2) }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="fecha_inicio">Fecha Inicio</label>
                            <input type="date" name="fecha_inicio" id="fecha_inicio" class="form-control"
                                   value="{{ $request->fecha_inicio ?? '' }}">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="fecha_fin">Fecha Fin</label>
                            <input type="date" name="fecha_fin" id="fecha_fin" class="form-control"
                                   value="{{ $request->fecha_fin ?? '' }}">
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <label>&nbsp;</label>
                            <button type="submit" class="btn btn-primary btn-block">
                                <i class="fas fa-search mr-1"></i> Buscar
                            </button>
                        </div>
                    </div>
                </div>
                @if(isset($proveedor))
                    <div class="row">
                        <div class="col-md-12">
                            <a href="{{ route('reportes.estado-cuenta-proveedor.index') }}" class="btn btn-secondary">
                                <i class="fas fa-eraser mr-1"></i> Limpiar
                            </a>
                            <a href="{{ route('reportes.estado-cuenta-proveedor.export', array_merge(['format' => 'pdf'], $request->all())) }}"
                               class="btn btn-danger" target="_blank">
                                <i class="fas fa-file-pdf mr-1"></i> PDF
                            </a>
                            <a href="{{ route('reportes.estado-cuenta-proveedor.export', array_merge(['format' => 'excel'], $request->all())) }}"
                               class="btn btn-success">
                                <i class="fas fa-file-excel mr-1"></i> Excel
                            </a>
                        </div>
                    </div>
                @endif
            </form>
        </div>
    </div>

    @if(isset($proveedor))
        <!-- Información del Proveedor -->
        <div class="card card-primary card-outline">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <h5><i class="fas fa-building mr-2"></i>{{ $proveedor->razon_social }}</h5>
                        <p class="mb-1"><strong>RUC:</strong> {{ $proveedor->ruc ?? 'N/A' }}</p>
                        <p class="mb-1"><strong>Teléfono:</strong> {{ $proveedor->telefono ?? 'N/A' }}</p>
                        <p class="mb-1"><strong>Email:</strong> {{ $proveedor->email ?? 'N/A' }}</p>
                    </div>
                    <div class="col-md-6">
                        <div class="info-box bg-{{ $proveedor->saldo_actual > 0 ? 'danger' : ($proveedor->saldo_actual < 0 ? 'success' : 'secondary') }}">
                            <div class="info-box-content">
                                <span class="info-box-text">Saldo Actual</span>
                                <span class="info-box-number">S/ {{ number_format($proveedor->saldo_actual, 2) }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Estadísticas -->
        <div class="row">
            <div class="col-md-3">
                <div class="small-box bg-primary">
                    <div class="inner">
                        <h3>S/ {{ number_format($estadisticas['total_comprado'], 2) }}</h3>
                        <p>Total Comprado</p>
                    </div>
                    <div class="icon"><i class="fas fa-shopping-cart"></i></div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="small-box bg-success">
                    <div class="inner">
                        <h3>S/ {{ number_format($estadisticas['total_pagado'], 2) }}</h3>
                        <p>Total Pagado</p>
                    </div>
                    <div class="icon"><i class="fas fa-hand-holding-usd"></i></div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="small-box bg-info">
                    <div class="inner">
                        <h3>{{ $estadisticas['cantidad_compras'] }}</h3>
                        <p>Total Compras</p>
                    </div>
                    <div class="icon"><i class="fas fa-file-invoice"></i></div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="small-box bg-warning">
                    <div class="inner">
                        <h3>{{ $estadisticas['cantidad_pagos'] }}</h3>
                        <p>Total Pagos</p>
                    </div>
                    <div class="icon"><i class="fas fa-money-check-alt"></i></div>
                </div>
            </div>
        </div>

        <!-- Historial de Movimientos -->
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">
                    <i class="fas fa-history mr-2"></i>Historial de Movimientos
                </h3>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table id="movimientosTable" class="table table-striped table-hover table-sm">
                        <thead class="bg-light">
                            <tr>
                                <th>Fecha</th>
                                <th>Tipo</th>
                                <th>Descripción</th>
                                <th class="text-right">Monto</th>
                                <th class="text-right">Saldo Anterior</th>
                                <th class="text-right">Saldo Nuevo</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($movimientos as $mov)
                                <tr>
                                    <td>{{ $mov->fecha_movimiento->format('d/m/Y') }}</td>
                                    <td>
                                        @php
                                            $badges = [
                                                'compra' => 'badge-danger',
                                                'pago' => 'badge-success',
                                                'nota_credito' => 'badge-info',
                                                'nota_debito' => 'badge-warning',
                                                'ajuste' => 'badge-secondary',
                                                'anulacion_compra' => 'badge-dark'
                                            ];
                                        @endphp
                                        <span class="badge {{ $badges[$mov->tipo_movimiento] ?? 'badge-secondary' }}">
                                            {{ strtoupper(str_replace('_', ' ', $mov->tipo_movimiento)) }}
                                        </span>
                                    </td>
                                    <td>{{ $mov->descripcion }}</td>
                                    <td class="text-right">
                                        @if(in_array($mov->tipo_movimiento, ['compra', 'nota_debito', 'ajuste']))
                                            <span class="text-danger">+S/ {{ number_format($mov->monto, 2) }}</span>
                                        @else
                                            <span class="text-success">-S/ {{ number_format($mov->monto, 2) }}</span>
                                        @endif
                                    </td>
                                    <td class="text-right">S/ {{ number_format($mov->saldo_anterior, 2) }}</td>
                                    <td class="text-right"><strong>S/ {{ number_format($mov->saldo_nuevo, 2) }}</strong></td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="text-center">
                                        <i class="fas fa-info-circle mr-2"></i>No hay movimientos registrados
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    @endif
@stop

@section('js')
<script>
    $(document).ready(function() {
        @if(isset($movimientos))
            $('#movimientosTable').DataTable({
                language: {
                    url: '{{ asset('Spanish.json') }}'
                },
                responsive: true,
                order: [[0, 'desc']],
                pageLength: 25
            });
        @endif
    });
</script>
@stop