@extends('layouts.user_type.auth')

@section('content')

<main class="main-content position-relative max-height-vh-100 h-100 mt-1 border-radius-lg ">
    
@error('success')
                        <p class="text-danger text-xs mt-2">{{ $message }}</p>
                      @enderror
    <div class="container-fluid py-4">
        

        <div class="row">
            <div class="col-12">
                <div class="card mb-4">
                    <div class="card-header pb-0">
                        <div class="d-flex flex-row justify-content-between">
                            <div>
                                <h5 class="mb-0">Ventas</h5>
                            </div>


                        </div>
                    </div>
                    <div class="card-body px-0 pt-0 pb-2">
                        <div class="table-responsive p-0">
                            <table class="table align-items-center mb-0">
                                <thead>
                                    <tr>
                                        <th
                                            class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-12">
                                            Referencia</th>


                                        <th
                                            class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-12">

                                            Cliente</th>


                                        <th
                                            class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-12">
                                            Fecha Venta</th>

                                        <th
                                            class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-12">
                                            Metodo pago</th>

                                        <th
                                            class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-12">
                                            Estado venta</th>

                                        <th
                                            class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-12">
                                            Acciones</th>

                                    </tr>
                                </thead>
                                <tbody>
                                 @foreach($ventas as $venta)
                                    <tr>
                                        <td class="align-middle text-center text-sm">
                                            {{$venta->referencia}}

                                        </td>

                                        <td class="align-middle text-center text-sm">
                                            {{$venta->nombre}} {{$venta->apellidos}}


                                        </td>

                                        <td class="align-middle text-center text-sm">
                                        {{$venta->fecha_venta}}

                                        </td>

                                        <td class="align-middle text-center text-sm">
                                

                                        @foreach($metodo_pagos as $m_pago)
                                          @if($venta->metodo_pago_id == $m_pago->id)

                                           {{$m_pago->nombre}}

                                          @endif
                                        @endforeach
                                        </td>



                                        <td class="align-middle text-center text-sm">
                                        @foreach($estado_ventas as $e_venta)
                                          @if($venta->estado_venta_id == $e_venta->id)

                                            @switch($venta->estado_venta_id)
                                              @case(1)
                                              <div class="badge badge-success fw-bolder">Pagado</div>
                                              @break
                                              @case(2)
                                              <div class="badge badge-info fw-bolder">Espera de pago</div>
                                              @break
                                              @case(3)
                                              <div class="badge badge-primary fw-bolder">Reembolsado</div>
                                              @break
                                              @case(4)
                                              <div class="badge badge-danger fw-bolder">Cancelado</div>
                                              @break
                                            @endswitch

                                          @endif
                                        @endforeach

                                        </td>



                                        <td class="align-middle text-center text-sm">

                                        <button data-bs-toggle="modal" data-bs-toggle="modal"
                                                data-bs-target="#actualizarEstadioModal-{{$venta->id}}"
                                                title="Actualizar estado"
                                                class="btn btn-link text-danger text-gradient px-3 mb-0"
                                                href="javascript:;"><i
                                                    class="fas fa-solid fa fa-refresh text-dark me-2"></i></button>




                                        <a href="{{route('ventas.show',$venta->id)}}">
                                            <button
                                                class="btn btn-link text-danger text-gradient px-3 mb-0"
                                                href="javascript:;" title="Detalle"
                                                ><i
                                                    class="fas fa-info fa-info text-dark me-2"></i></button>
                                        </a>





                                        </td>
                                    </tr>
<!--

-->
                                @include('admin.eventos.ventas.a_estado')
                                @endforeach


                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</main>

@endsection