@extends('layouts.home')
@section('content')
    <div class="container-fluid">
        <form action="{{ route('paypal.rango.fecha') }}" method="POST">
            @csrf
            <div class="d-flex flex-row-reverse">
                <div class="p-2">
                    <button class="btn btn-primary"><i class="fas fa-search"></i> Buscar</button>
                </div>
                <div class="p-2">
                    <input type="date" class="form-control @error('end_date') is-invalid @enderror" name="end_date"
                        value="{{ old('end_date') }}">
                    @error('end_date')
                        <div class="alert alert-danger">{{ $message }}</div>
                    @enderror
                </div>
                <div class="p-2">
                    <input type="date" class="form-control @error('start_date') is-invalid @enderror" name="start_date"
                        value="{{ old('start_date') }}">
                    @error('end_date')
                        <div class="alert alert-danger">{{ $message }}</div>
                    @enderror
                </div>
            </div>
        </form>
        <div class="row content-justify-content-center">

            {{-- {{ $paypale }} --}}
            <div class="card">
                <div class="card-header bg-azul">
                    <div><i class="fab fa-paypal"></i> Pagos atraves de la plataforma de PayPal</div>
                </div>
                <div class="card-body">
                    <div class="d-flex flex-row-reverse">

                        <div class="p-2">
                        <div class="btn-group">
                            <button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown"
                                aria-expanded="false">
                                <i class="fas fa-list-ol"></i> Filtrado por fechas
                            </button>
                            <ul class="dropdown-menu">
                                <li><a class="dropdown-item" href="{{ route('paypal.rango.seven')}}"><i class="fas fa-calendar-alt"></i> Por 7 Dias</a></li>
                                <li><a class="dropdown-item" href="{{ route('paypal.rango.fifteen')}}"><i class="fas fa-calendar-alt"></i> Por 15 Dias</a></li>
                                <li><a class="dropdown-item" href="{{ route('paypal.rango.month')}}"><i class="fas fa-calendar-alt"></i> Por mes</a></li>
                                <li>
                                    <hr class="dropdown-divider">
                                </li>
                                <li><a class="dropdown-item" href="{{ route('payment.paypal.index') }}"><i class="fas fa-calendar-alt"></i> Todo</a></li>
                            </ul>
                        </div>
                        </div>
                        <div class="p-2">
                            <a href="{{ route('clientes.paypal.export') }}" class="btn btn-success">
                                <i class="fas fa-file-excel"></i>
                                Excel
                            </a>
                        </div>


                    </div>
                    {{-- <div class="table-responsive"> --}}
                    <table class="table table-striped table-hover" id="example2">
                        <thead>
                            <tr class="table-azul">
                                <th scope="col">#</th>
                                <th scope="col">Nombre estudiante</th>
                                <th scope="col">Fecha de nacimiento</th>
                                <th scope="col">Año escolar</th>
                                <th scope="col">Nombre de tutor</th>
                                <th scope="col">Parentesco</th>
                                <th scope="col">Email</th>
                                <th scope="col">Telefono</th>
                                <th scope="col">Nombre colegio</th>
                                <th scope="col">Pais</th>
                                <th scope="col">Programa</th>
                                <th scope="col">Ciclo viaje</th>
                                <th scope="col">Monto a pagar</th>
                                <th scope="col">Moneda</th>
                                <th scope="col">Monto pagado</th>
                                <th scope="col">ID Confirmación</th>
                                <th scope="col">Payer ID</th>
                                <th scope="col">Fecha de pago</th>
                                <th scope="col">Status</th>
                                <th scope="col">Metodo pago</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($clientes as $cliente)
                                <tr
                                    @if ($cliente->payment_status == 'completed') class="table-success" @elseif($cliente->status == 'pending') class="table-warning" @endif>
                                    {{-- <td>{{ $paypal++ }}</td> --}}
                                    <td>{{ $cliente->id }}</td>
                                    <td>{{ $cliente->nombre_alumno }} {{ $cliente->apellidos_alumno }}</td>
                                    <td>{{ $cliente->fecha_nacimiento }}</td>
                                    <td>{{ $cliente->anio_escolar }}</td>
                                    <td>{{ $cliente->nombre_tutor }} {{ $cliente->apellidos_tutor }}</td>
                                    <td>{{ $cliente->parentesco }}</td>
                                    <td>{{ $cliente->correo_electronico }}</td>
                                    <td>{{ $cliente->telefono }}</td>
                                    <td>{{ $cliente->nombre_colegio }}</td>

                                    @foreach ($paises as $pais)
                                        @if ($cliente->country_id == $pais->id)
                                            <td>{{ $pais->name }}</td>
                                        @endif
                                    @endforeach

                                    @foreach ($programas as $programa)
                                        @if ($cliente->program_id == $programa->id)
                                            <td>{{ $programa->name }}</td>
                                        @endif
                                    @endforeach

                                    <td>{{ $cliente->ciclo_viaje }}</td>
                                    <td>{{ $cliente->monto_a_pagar }}</td>
                                    <td>{{ $cliente->currency }}</td>
                                    <td>{{ $cliente->total }}</td>
                                    <td>{{ $cliente->order_id }}</td>
                                    <td>{{ $cliente->payer_id }}</td>
                                    <td>{{ Carbon\Carbon::parse($cliente->created_at)->format('d-m-Y H:i:s') }}</td>
                                    <td>{{ $cliente->payment_status }}</td>
                                    <td>{{ $cliente->metodo_pago }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    {{-- </div> --}}
                </div>
            </div>
        </div>
    </div>
    </div>
@endsection