@extends('Templates.PlantillaFull',['PaginaTitulo' => 'Configuración','PaginaUrl' => '/','Padre' => '1'])


@section('Contenido')
    <div class="card">
        <div class="card-status-top bg-success"></div>
        <div class="card-body">
            <button data-bs-toggle="tooltip" title="Haga clic para regresar" class="btn btn-transaparent float-end"
                style="position: relative; top: -10px; border: 0;" onclick="history.back();">
                <i class="fas fa-times fa-lg"></i>&nbsp;
            </button>
            <div class="row row-0">
                <div class="col-xs-12 col-md-3"
                    style="display: flex;justify-content: center; border-right:1px solid rgb(184, 177, 177);">
                    <div style="heigth: 200px; width:150px;">
                        <img src="{{ $Rest->REST_LOGO }}" class="h-80 w-100 object-cover" alt=""
                            onerror="this.src = '/Images/defaultImage.png'">
                    </div>
                </div>
                <div class="col-xs-12 col-md-2 text-center" style="border-right:1px solid rgb(184, 177, 177);">
                    <p><b>
                            @switch(Carbon\Carbon::now()->format('m'))
                                @case(1)
                                    <div style="font-size: 30px">Enero</div>
                                @break

                                @case(2)
                                    <div style="font-size: 30px">Febrero </div>
                                @break

                                @case(3)
                                    <div style="font-size: 30px">Marzo</div>
                                @break

                                @case(4)
                                    <div style="font-size: 30px">Abril</div>
                                @break

                                @case(5)
                                    <div style="font-size: 30px">Mayo</div>
                                @break

                                @case(6)
                                    <div style="font-size: 30px">Junio</div>
                                @break

                                @case(7)
                                    <div style="font-size: 30px">Julio</div>
                                @break

                                @case(8)
                                    <div style="font-size: 30px">Agosto</div>
                                @break

                                @case(9)
                                    <div style="font-size: 30px">Septiembre</div>
                                @break

                                @case(10)
                                    <div style="font-size: 30px">Octubre</div>
                                @break

                                @case(11)
                                    <div style="font-size: 30px">Noviembre</div>
                                @break

                                @case(12)
                                    <div style="font-size: 30px">Diciembre</div>
                                @break

                                @default
                            @endswitch
                        </b><br><b>No de pedidos:</b><br>
                    <h2>{{ $cantidadMes }}</h2>
                    </p>
                </div>
                <div class="col-xs-12 col-md-4" style="padding-left:10px;">
                    <h3 class="card-title">{{ $Rest->REST_NOMBRE }}</h3>
                    <p class="text-muted">
                        <b>Teléfono: </b>{{ $Rest->REST_TEL }}<br>
                        <b>Correo electrónico: </b>{{ $Rest->REST_WEB }}<br>
                        <b>Dirección: </b>{{ $Rest->REST_DIRECCION }}
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-12">
        <div class="card">
            <ul class="nav nav-tabs" data-bs-toggle="tabs">
                <li class="nav-item">
                    <a href="#Sucursales" class="nav-link active" data-bs-toggle="tab">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon me-2" width="24" height="24"
                            viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round"
                            stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                            <polyline points="5 12 3 12 12 3 21 12 19 12" />
                            <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" />
                            <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" />
                        </svg>
                        Sucursales</a>
                </li>
                <li class="nav-item">
                    <a href="#Contabilidad" class="nav-link" data-bs-toggle="tab">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-coin" width="24"
                            height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                            stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                            <circle cx="12" cy="12" r="9"></circle>
                            <path d="M14.8 9a2 2 0 0 0 -1.8 -1h-2a2 2 0 0 0 0 4h2a2 2 0 0 1 0 4h-2a2 2 0 0 1 -1.8 -1">
                            </path>
                            <path d="M12 6v2m0 8v2"></path>
                        </svg>
                        Contabilidad</a>
                </li>
                <li class="nav-item">
                    <a href="#CRM" class="nav-link" data-bs-toggle="tab">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-layout-grid-add"
                            width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                            stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                            <rect x="4" y="4" width="6" height="6" rx="1"></rect>
                            <rect x="14" y="4" width="6" height="6" rx="1"></rect>
                            <rect x="4" y="14" width="6" height="6" rx="1"></rect>
                            <path d="M14 17h6m-3 -3v6"></path>
                        </svg>
                        CRM</a>
                </li>

            </ul>
            <div class="card-body">
                <div class="tab-content">
                    <div class="tab-pane active show" id="Sucursales">
                        <div>
                            @if (privilegio('Ver sucursales comercio'))
                                <x-table>
                                    @slot('titulo', 'Lista de Sucursales')
                                    @slot('IdBuscar', 'CateSearch')
                                    @slot('idTabla', 'TableComercioS')

                                    @slot('btnAgregar')
                                        <div class="col-auto boton_grid mt-n5">
                                            <div class="col-md-3">
                                                {{-- <button type="button" class="btn btn-icon btn-success"

                                onclick="MakeRequestData('{{route('get-form-modal',[0])}}', '#CuerpoLModal', 'POST', 2, '', '#LModalInfo',

                                true, false, false,['Id/0', 'Contenedor/#TableBody', 'Tipo/{{0 == 0 ? 2 : 5 }}'])">

                                <i class="fas fa-plus"></i>&nbsp;&nbsp;Nuevo comercio</button> --}}
                                                @if (privilegio('Agregar sucursal comercio'))
                                                    <button data-bs-toggle="tooltip" data-bs-placement="top"
                                                        title="Crear nueva sucursal" class="btn btn-success text-light"
                                                        onclick="MakeRequestData('{{ route('configuracion-modal') }}', '#CuerpoLModal', 'POST', 2, '', '#LModalInfo',
                                                    true, false, false,['Id/0', 'Contenedor/#TableComercioS', 'Tipo/1', 'REST_ID/{{ $id }}'])">
                                                        <i class="fas fa-plus-circle  me-2"></i>Agregar
                                                    </button>
                                                @endif
                                            </div>
                                        </div>
                                    @endslot
                                    @slot('filtros', [[0, 'Comercio'], [1, 'Ciudad']])

                                    @slot('accionBuscar')
                                        onkeyup="if(event.keyCode == 13)
                                        MakeRequestData('{{ route('buscar-sc', ['Id' => $id]) }}',
                                        '#TableComercioS', 'POST', 2, '','', true, false, false, ['Palabra/' + $(this).val(),
                                        'Filtro/' + $('#OpcionBuscar').val(), 'vista/RSucursales'])"
                                    @endslot

                                    @slot('header')
                                        <th>Comercio</th>
                                        <th>Dirección/Ciudad</th>
                                        <th>Contacto</th>
                                        <th>Zonas asignadas</th>
                                        <th>Pedidos ultimo mes</th>
                                        <th>Pedidos del mes</th>
                                        <th>Estado</th>
                                        <th>Acciones</th>
                                    @endslot

                                    @slot('body')
                                        @include('rsucursal.restauranteSucursal.data')
                                    @endslot
                                </x-table>
                            @else
                                <p class="text-muted">No tienes permiso</p>
                            @endif
                        </div>
                    </div>
                    <div class="tab-pane" id="Contabilidad">
                        @if (privilegio('Ver contabilidad comercio'))
                            <div>
                                En construcción ...
                            </div>
                        @else
                            <p class="text-muted">No tienes permiso</p>
                        @endif
                    </div>
                    <div class="tab-pane" id="CRM">
                        @if (privilegio('Ver CRM comercio'))
                            <div>
                                En construcción ...
                            </div>
                        @else
                            <p class="text-muted">No tienes permiso</p>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection