{{-- @php
$estados = ['Creado', 'Tomado', 'Preparando', 'Listo a entregar', 'Entregando', 'Finalizado', 'Anulado', 'Rechazado', 'Error tarjeta'];
$estilos = ['purple', 'primary', 'orange', 'danger', 'info', 'success', 'yellow', 'red', 'secondary', 'gray'];

@endphp --}}

@php
use App\Models\Pedido;
@endphp

@foreach ($DataResult as $item)
                                                        <tr id="pedido-{{ $item->PEDI_ID }}">
                                                            <td class="text-center" style="padding-top: 1; padding-bottom:1">
                                                                <img title="{{ $item->comercio }}" style="width: 42px; margin-top: 3px;margin-bottom: 3px;"
                                                                    onclick="localizarComercio('{{ $item->RESS_COORDENADA }}')"
                                                                    src="{{ $item->RESS_LOGO }}" class="img-circle"> <br>
                                                                <div style="display: flex; justify-content:center">
                                                                    {{-- MENSAJES comercio --}}
                                                                    <div class="dropdown">
                                                                        <a href="#" data-bs-toggle="tooltip"
                                                                            data-bs-placement="top"
                                                                            title="Enviar push al comercio"
                                                                            data-toggle="dropdown"><i class="fas fa-bell"
                                                                                style="font-size: 17px; color: red; margin-right: 5px;"></i></a>
                                                                        <ul class="dropdown-menu">
                                                                            @foreach ($mensajesComercio as $mensaje)
                                                                                <li> <a class="dropdown-item bg-secondary text-white pt-3 pb-3"
                                                                                        style="cursor: pointer"
                                                                                        title="{{ $mensaje->mens_mensaje }}"
                                                                                        onmouseover="$(this).addClass('bg-white'); $(this).removeClass('text-white')"
                                                                                        onmouseout="$(this).removeClass('bg-white'); $(this).addClass('text-white')"
                                                                                        onclick="confirmar2('¿Está seguro de enviar este mensaje al comercio?', 'Aceptar', ()=>MakeRequestData('{{ route('pedidos.sendPush', ['ressId' => $item->RESS_ID, 'mensId' => $mensaje->mens_id, 'sendTo' => 'comercio']) }}', '', 'GET', 3, '', '', true, true))">{{ $mensaje->mens_asunto }}</a>
                                                                                </li>
                                                                            @endforeach
                                                                        </ul>
                                                                    </div>
                                                                    {{-- <p style="white-space: nowrap; text-overflow: ellipsis; width: 78px; overflow: hidden;"
                                                                    class="text-{{ $item->FORP_ID == '00001' ? 'success' : 'primary' }}">
                                                                    <strong>{{ $item->formaPago }}</strong>
                                                                </p> --}}
                                                                </div>
                                                            </td>

                                                            <td style="padding-top: 1; padding-bottom:1">
                                                                <div style="display: flex">
                                                                    <div style="display: inline-block; margin-right: 5px">
                                                                        <a data-toggle="dropdown"
                                                                            title="Enviar push al cliente" href="#">
                                                                            <i class="fas fa-user"
                                                                                style="color: #{{ env('APP_COLOR') }}; font-size:20px"></i>
                                                                        </a>
                                                                        <ul class="dropdown-menu">
                                                                            @foreach ($mensajesCliente as $mensaje)
                                                                                <li> <a class="dropdown-item bg-secondary text-white pt-3 pb-3"
                                                                                        style="cursor: pointer"
                                                                                        title="{{ $mensaje->mens_mensaje }}"
                                                                                        onmouseover="$(this).addClass('bg-white'); $(this).removeClass('text-white')"
                                                                                        onmouseout="$(this).removeClass('bg-white'); $(this).addClass('text-white')"
                                                                                        onclick="confirmar2('¿Está seguro de enviar este mensaje al cliente?', 'Aceptar', ()=>MakeRequestData('{{ route('pedidos.sendPush', ['clieId' => $item->CLIE_ID, 'mensId' => $mensaje->mens_id, 'sendTo' => 'cliente']) }}', '', 'GET', 3, '', '', true, true))">{{ $mensaje->mens_asunto }}</a>
                                                                                </li>
                                                                            @endforeach
                                                                        </ul>
                                                                    </div>

                                                                    <a data-bs-toggle="tooltip" data-bs-placement="top"
                                                                        title="{{ $item->cliente }}"
                                                                        id="clie-{{ $item->PEDI_ID }}" href="#"
                                                                        data-idLinea="" data-idCaja=""
                                                                        onclick="sendJsonRouteOne('{{ route('pedido-detalle') }}','{{ route('cliente-full-info') }}', '{{ $item->PEDI_ID }}', this)">
                                                                        <span
                                                                            style="white-space: nowrap; text-overflow: ellipsis; width: 72px;
                                                                        overflow: hidden; display: inline-block;">
                                                                            {{ $item->cliente }}</span>
                                                                    </a><br>
                                                                    <img title="{{ $item->formaPago }}" src="{{ $item->forpIcono }}"
                                                                        style="margin: 5px; height: 24px; width: 24px; margin-top:-1px"
                                                                        alt="" srcset="">
                                                                </div>
                                                                @if ($item->CLIE_TEL)
                                                                    <a target="_blank"
                                                                        href="https://wa.me/{{ $item->CLIE_TEL }}?text=Hola,%20{{ $item->cliente }}">
                                                                        <img style="height: 20px; margin-bottom: 3px;"
                                                                            src="https://img.icons8.com/color/48/000000/whatsapp--v1.png" />
                                                                        {{ $item->CLIE_TEL }}</a>
                                                                @endif
                                                                <br>
                                                                @if (count(explode('|', $item->CLIE_COORDENADA)) > 1)
                                                                    <span data-bs-toggle="tooltip"
                                                                        data-bs-placement="left"
                                                                        title="{{ explode('|', $item->CLIE_COORDENADA)[1] }}"
                                                                        style="font-size: 12px; margin-top: -1px; color: gray; width: 113px; display:inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
                                                                        {{ explode('|', $item->CLIE_COORDENADA)[1] }}
                                                                    </span>
                                                                @endif

                                                            </td>

                                                            <td class="text-center" style="padding-top: 1; padding-bottom:1">

                                                                <strong style="font-size: 10px; color:gray;"> {{ tiempoPedido($item)->tiempo }} </strong> <br>

                                                                <div style="display: flex">
                                                                    {{-- MENSAJES repartidor --}}
                                                                    <div class="dropdown" style="display: inline-block; margin-right:5px">
                                                                        <a data-bs-toggle="tooltip"
                                                                            data-bs-placement="top"
                                                                            title="Enviar push al repartidor"
                                                                            href="#" data-toggle="dropdown"><i
                                                                                style="font-size: 20px;"
                                                                                class="fas fa-motorcycle"></i>
                                                                        </a>
                                                                        <ul class="dropdown-menu">
                                                                            @foreach ($mensajesDriver as $mensaje)
                                                                                <li> <a class="dropdown-item bg-secondary text-white pt-3 pb-3"
                                                                                        style="cursor: pointer"
                                                                                        title="{{ $mensaje->mens_mensaje }}"
                                                                                        onmouseover="$(this).addClass('bg-white'); $(this).removeClass('text-white')"
                                                                                        onmouseout="$(this).removeClass('bg-white'); $(this).addClass('text-white')"
                                                                                        onclick="confirmar2('¿Está seguro de enviar este mensaje al repartidor?', 'Aceptar', ()=>MakeRequestData('{{ route('pedidos.sendPush', ['emplId' => $item->EMPL_ID, 'mensId' => $mensaje->mens_id, 'sendTo' => 'repartidor']) }}', '', 'GET', 3, '', '', true, true))">{{ $mensaje->mens_asunto }}</a>
                                                                                </li>
                                                                            @endforeach
                                                                        </ul>
                                                                    </div>

                                                                    {{-- CAMBIAR REPARTIDOR --}}
                                                                    {{-- <div class="dropdown" style="display: inline-block">

                                                                        <a style="white-space: nowrap; text-overflow: ellipsis; overflow:hidden; width:68px; display:inline-block;"
                                                                            class="#"
                                                                            data-toggle="dropdown">{{ $item->repartidor ?? 'NO ASIGNADO' }}</a>
                                                                        <ul class="dropdown-menu">
                                                                            @foreach ($repartidores as $repartidor)
                                                                                <li> <a class="dropdown-item bg-secondary text-white pt-3 pb-3"
                                                                                        style="cursor: pointer"
                                                                                        onmouseover="$(this).addClass('bg-white'); $(this).removeClass('text-white')"
                                                                                        onmouseout="$(this).removeClass('bg-white'); $(this).addClass('text-white')"
                                                                                        onclick="confirmar2('¿Está seguro asignar el pedido a este repartidor?', 'Aceptar', ()=>MakeRequestData('{{ route('edit-info-pedido', ['IdPedido' => $item->PEDI_ID, 'campo' => 0, 'vista' => 1]) }}'+'&NuevoDato={{ $repartidor->CLIE_ID }}', '#pedido-{{ $item->PEDI_ID }}','GET',3))">{{ $repartidor->CLIE_NOMBRE . ' ' . $repartidor->CLIE_APELLIDO }}</a>
                                                                                </li>
                                                                            @endforeach
                                                                        </ul>
                                                                    </div> --}}

                                                                    {{-- CAMBIAR REPARTIDOR --}}
            <div class="dropdown" style="display: inline-block">
                {{-- <button class="btn btn-yellow d-inline" style="background-color: #{{ env('APP_COLOR') }}"
                        data-toggle="dropdown">
                        {{ $item->Repartidor ?? 'NO ASIGNADO' }}
                    </button> --}}
                <a class="#" data-toggle="dropdown">{{ $item->repartidor ?? 'NO ASIGNADO' }}</a>
                <ul class="dropdown-menu">
                    @foreach ((json_decode($sucursales[array_search($item->SUCU_ID, array_column($sucursales, 'SUCU_ID'))]->repartidores))??[] as $repartidor)
                        <li> <a class="dropdown-item bg-secondary text-white pt-3 pb-3" style="cursor: pointer"
                                onmouseover="$(this).addClass('bg-white'); $(this).removeClass('text-white')"
                                onmouseout="$(this).removeClass('bg-white'); $(this).addClass('text-white')"
                                onclick="confirmar2('¿Está seguro asignar el pedido a este repartidor?', 'Aceptar', ()=>MakeRequestData('{{ route('edit-info-pedido', ['IdPedido' => $item->PEDI_ID, 'campo' => 0, 'vista' => 1, 'monitor' => 1,]) }}'+'&NuevoDato={{ $repartidor->CLIE_ID }}', '#pedido-{{ $item->PEDI_ID }}','GET',3))">{{ $repartidor->CLIE_NOMBRE . ' ' . $repartidor->CLIE_APELLIDO }}</a>
                        </li>
                    @endforeach
                </ul>
                <br>
                <span style="font-size: 12px; color: gray;">{{ $item->SUCU_NOMBRE }}</span>
            </div>
                                                                </div>

                                                            </td>

                                                            <td style="padding-top: 1; padding-bottom:1">
                                                                <div style="display: flex; justify-content: space-around;">
                                                                    <div class="dropdown">
                                                                        <button data-bs-toggle="tooltip"
                                                                            data-bs-placement="top"
                                                                            title="Cambiar estado al pedido"
                                                                            class="badge btn-{{ Pedido::pediEstado($item->PEDI_ESTADO)->class }} p-2"
                                                                            style="height: 28px;" data-toggle="dropdown">
                                                                            <i class=" fas fa-edit"
                                                                                style="font-size: 19px;"></i> &nbsp;&nbsp;
                                                                            <span class="0campoOrden">
                                                                                {{ Pedido::pediEstado($item->PEDI_ESTADO)->abrev }}</span>
                                                                        </button>
                                                                        @if (in_array(44, Session::get('Permisos')))
                                                                            <ul class="dropdown-menu">
                                                                                @foreach (Pedido::ESTADOS as $i => $estado)
                                                                                    <li> <a class="dropdown-item bg-{{ $estado['class'] }} text-white pt-3 pb-3"
                                                                                            style="cursor: pointer"
                                                                                            onmouseover="$(this).addClass('bg-white'); $(this).removeClass('text-white')"
                                                                                            onmouseout="$(this).removeClass('bg-white'); $(this).addClass('text-white')"
                                                                                            onclick="confirmar2('¿Está seguro de cambiar el estado al pedido?', 'Aceptar', ()=>MakeRequestData('{{ route('cambiar-estado', ['Pedido'=>$item->PEDI_ID, 'Estado'=> $i, 'monitor'=>1]) }}', '#pedido-{{ $item->PEDI_ID }}', 'GET',3))">
                                                                                            {{ $estado['nombre'] }} </a>
                                                                                    </li>
                                                                                @endforeach
                                                                            </ul>
                                                                        @endif
                                                                    </div>
                                                                    @if (in_array(43, Session::get('Permisos')))
                                                                        <button style="margin-left: 8px"
                                                                            data-bs-toggle="tooltip"
                                                                            data-bs-placement="top"
                                                                            title="Detalles del pedido"
                                                                            class="btn btn-primary"
                                                                            onclick="MakeRequestData('{{ route('pedido-detalle', [$item->PEDI_ID]) }}', '#BigModalBody', 'POST', 2, '', '#BigModalInfo', true, false, false,['Id/0', 'Contenedor/0', 'Tipo/3'])">
                                                                            <i class="fas fa-info"></i>
                                                                        </button>
                                                                    @endif
                                                                </div>
                                                            </td>
                                                        </tr>

                                                        <script>
                                                            SetPedido('{{ $item->PEDI_ID }}',
                                                                '{{ $item->PEDI_ESTADO }}',
                                                                '{{ $item->cliente }}',
                                                                '{{ $item->repartidor }}',
                                                                '{{ $item->comercio }}',
                                                                '{{ cleanStr($item->RESS_COORDENADA) }}',
                                                                '{{ cleanStr($item->CLIE_COORDENADA) }}',
                                                                '{{ $item->cliente }}',
                                                                '{{ tiempoPedido($item)->tiempo }}',
                                                                '{{ $item->CLIE_ID }}');
                                                        </script>
                                                    @endforeach

@if (!is_array($DataResult))
    <x-pagination>
        @slot('data', $DataResult)
        @slot('parametros', ['pediEstado' => $pediEstado ?? ''])
    </x-pagination>
@endif
@if (isset($Estado) && $Estado == true)
    <tr>
        <td><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
@endif