@extends('academia.dashboard')

@section('content')

<div class="mt-4">
    @include('usuario.componentes.filtroPorFecha', ['ruta' => 'academia-tienda-compras-personales', 'form' => ''])
</div>

<div class="row mt-4">
    <div class="col-12">
        <div class="card border-0 shadow-sm rounded-4">

            <div class="card-header bg-white border-0 d-flex justify-content-between align-items-center flex-wrap gap-2 py-3 px-4">
                <div>
                    <h4 class="mb-1 fw-bold">
                        <i class="bi bi-bag-check-fill text-primary me-2"></i>Mis Compras
                    </h4>
                    <p class="text-muted small mb-0">Historial de cursos adquiridos en la plataforma</p>
                </div>
                <span class="badge bg-primary bg-opacity-10 text-primary fw-semibold">
                    {{ count($solicitudes) }} {{ count($solicitudes) == 1 ? 'compra' : 'compras' }}
                </span>
            </div>

            <div class="card-body px-4 pb-4">
                <div class="table-responsive">
                    <table class="table table-hover align-middle zero-configuration mb-0">
                        <thead class="table-light">
                            <tr>
                                <th class="text-center" style="width: 60px;">#</th>
                                <th>Cursos</th>
                                <th class="text-end">Precio</th>
                                <th class="text-center">Fecha</th>
                                <th class="text-center">Estado</th>
                                <th class="text-center" style="width: 100px;">Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($solicitudes as $solit)
                            <tr>
                                <td class="text-center text-muted fw-semibold">{{$solit->id}}</td>

                                <td>
                                    <div class="d-flex flex-wrap gap-1">
                                        @foreach(json_decode($solit->datos) as $datos)
                                        <span class="badge bg-light text-dark border fw-normal">
                                            <i class="bi bi-book me-1"></i>{{ $datos->nombre }}
                                        </span>
                                        @endforeach
                                    </div>
                                </td>

                                <td class="text-end fw-semibold">
                                    @if ($moneda->mostrar_a_d)
                                        {{$moneda->simbolo}} {{ $solit->total }}
                                    @else
                                        {{ $solit->total }} {{$moneda->simbolo}}
                                    @endif
                                </td>

                                <td class="text-center text-muted">
                                    <i class="bi bi-calendar3 me-1"></i>{{ $solit->fecha }}
                                </td>

                                <td class="text-center">
                                    @if($solit->status == 0)
                                        <span class="badge bg-warning-subtle text-warning border border-warning-subtle">
                                            <span class="d-inline-block bg-warning rounded-circle me-1" style="width: 6px; height: 6px;"></span>
                                            En espera
                                        </span>
                                    @elseif($solit->status == 1)
                                        <span class="badge bg-success-subtle text-success border border-success-subtle">
                                            <span class="d-inline-block bg-success rounded-circle me-1" style="width: 6px; height: 6px;"></span>
                                            Aprobado
                                        </span>
                                    @elseif($solit->status == 2)
                                        <span class="badge bg-danger-subtle text-danger border border-danger-subtle">
                                            <span class="d-inline-block bg-danger rounded-circle me-1" style="width: 6px; height: 6px;"></span>
                                            Rechazado
                                        </span>
                                    @endif
                                </td>

                                <td class="text-center">
                                    <a class="btn btn-sm btn-outline-primary" href="{{ route('academia-tienda-desglose', ['id' => $solit->id]) }}" target="_blank" title="Ver desglose de compra">
                                        <i class="bi bi-receipt me-1"></i>Detalle
                                    </a>
                                </td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="6" class="text-center text-muted py-5">
                                    <i class="bi bi-bag-x fs-1 d-block mb-2 opacity-50"></i>
                                    <h5 class="text-muted mb-1">No tiene compras registradas</h5>
                                    <p class="mb-0 small">Sus compras aparecerán aquí una vez realizadas.</p>
                                </td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>

@endsection

@include('usuario.componentes.scripBotones')