@extends('layouts.admin',['activePage' => 'dashboard', 'menuParent' => 'Dashboard', 'titlePage'=>('Dashboard')])


@section('titulo', 'Dashboard')

@section('breadcrumb')
    <li class="breadcrumb-item active">@yield('titulo')</li>
@endsection
@section('estilos')

@endsection
@section('contenido')
    @if(auth()->user()->role->role_id == 1)

        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <label for="">Almacenes Existencia </label>
                        <div class="col-12 table-responsive">
                            <table class="table table-bordered table-striped" id="gridWebAlm" width="100%">
                                <thead class="bg-secondary">
                                <!-- <th class="text-white text-xxs font-weight-bolder opacity-7">ID</th> -->
                                <th class="xt-xxs font-weight-bolder opacity-7">Almacen</th>
                                <th class="xt-xxs font-weight-bolder opacity-7">Nombre</th>

                                </thead>
                                <tbody>

                                @foreach($almacenes as $a)

                                    <tr>
                                        <td>{{$a['Almacen']}}</td>
                                        <td>{{$a['Descripcion']}}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <div class="row">
            <div class="col-md-5">
                <div class="card">
                    <div class="card-body">
                        <label for="">Últimos Pedidos </label>
                        <div class="col-12 table-responsive">
                            <table class="table table-bordered table-striped" id="gridWeb" width="100%">
                                <thead class="bg-secondary">
                                <!-- <th class="text-white text-xxs font-weight-bolder opacity-7">ID</th> -->
                                <th class="xt-xxs font-weight-bolder opacity-7">Fecha</th>
                                <th class="xt-xxs font-weight-bolder opacity-7">Folio</th>
                                <th class="xt-xxs font-weight-bolder opacity-7">Importe</th>
                                <th class="xt-xxs font-weight-bolder opacity-7">Estatus</th>
                                </thead>
                                <tbody>

                                @foreach($documentos as $p)
                                    @php
                                        $label="badge-secondary";
                                        if($p['Estatus']=="Cancelado"){
                                        $label="badge-danger";
                                        }elseif($p['Estatus']=="Facturado"){
                                        $label="badge-success";
                                        }elseif($p['Estatus']=="PorAutorizar"){
                                        $label="badge-primary";
                                        }else{
                                         $label="badge-secondary";
                                        }
                                    @endphp
                                    <tr>
                                        <td>{{date("d-m-Y", strtotime($p['Fecha']))}}</td>
                                        <td>{{$p['Folio']}}</td>
                                        <td align="right">$ {{number_format($p['Precio'],2) }}</td>
                                        <td><label class="badge {{$label}}">{{$p['Estatus']}}</label></td>
                                @endforeach
                                </tbody>
                            </table>
                        </div>

                    </div>
                </div>
            </div>
            <div class="col-md-7">
                <div class="card">
                    <div class="card-body">
                        <label for="">Último Clientes </label>
                        <div class="col-12 table-responsive">
                            <table class="table table-bordered table-striped" id="gridWebCli" width="100%">
                                <thead class="bg-secondary">
                                <!-- <th class="text-white text-xxs font-weight-bolder opacity-7">ID</th> -->
                                <th class="xt-xxs font-weight-bolder opacity-7">Cuenta</th>
                                <th class="xt-xxs font-weight-bolder opacity-7">Nombre</th>
                                <th class="xt-xxs font-weight-bolder opacity-7">Estatus</th>
                                <th class="xt-xxs font-weight-bolder opacity-7">Fecha</th>

                                </thead>
                                <tbody>
                                @foreach($clientes as $c)
                                    <tr>
                                        <td>{{$c->id_intesys}}</td>
                                        <td>{{$c->name}}</td>
                                        <td><label class="badge">{{$c->status}}</label></td>
                                        <td>{{date("d-m-Y", strtotime($c->created_at))}}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    @else
        <div class="row">
            <div class="col-md-12">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <label for="">Último Pedido </label>
                            <div class="col-12 table-responsive">
                                <table class="table table-bordered table-striped" id="gridWeb" width="100%">
                                    <thead class="bg-secondary">
                                    <!-- <th class="text-white text-xxs font-weight-bolder opacity-7">ID</th> -->
                                    <th class="xt-xxs font-weight-bolder opacity-7">Fecha</th>
                                    <th class="xt-xxs font-weight-bolder opacity-7">Folio</th>
                                    <th class="xt-xxs font-weight-bolder opacity-7">Importe</th>
                                    <th class="xt-xxs font-weight-bolder opacity-7">Estatus</th>

                                    </thead>
                                    <tbody>
                                    @php
                                        $cont=0;
                                    @endphp
                                    @foreach($documentos as $p)
                                        @php
                                            $label="badge-secondary";
                                            if($p['Estatus']=="Cancelado"){
                                            $label="badge-danger";
                                            }elseif($p['Estatus']=="PorSurtir"){
                                            $label="badge-success";
                                            }
                                        @endphp
                                        <tr>
                                            <td>{{date("d-m-Y", strtotime($p['Fecha']))}}</td>
                                            <td>{{$p['Folio']}}</td>
                                            <td align="right">$ {{number_format($p['Precio'],2) }}</td>
                                            <td><label class="badge {{$label}}">{{$p['Estatus']}}</label></td>
                                        </tr>
                                        @php
                                            $cont++;
                                        @endphp
                                        @if($cont ==1)
                                            @break;
                                        @endif
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12">

                <div class="row">

                    <div class="col-md-6">
                        <div class="card">
                            <div class="card-body">
                                <label for="">Datos Cliente: </label>
                                <div class="col-12 table-responsive">
                                    <table class="table table-bordered table-striped" id="gridWeb" width="100%">

                                        <tbody>

                                        <tr>
                                            <td class="xt-xxs font-weight-bolder opacity-7 bg-secondary">Nombre</td>
                                            <td>{{$datosCliente['Nombre']}}</td>
                                        </tr>
                                        <tr>
                                            <td class="xt-xxs font-weight-bolder opacity-7 bg-secondary">Teléfono</td>
                                            <td>{{$datosCliente['Telefono']}}</td>
                                        </tr>
                                        <tr>
                                            <td class="xt-xxs font-weight-bolder opacity-7 bg-secondary">Email</td>
                                            <td>{{$datosCliente['Email']}}</td>
                                        </tr>

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

                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="card">
                            <div class="card-body">
                                <label for="">Dirección: </label>
                                <div class="col-12 table-responsive">
                                    <table class="table table-bordered table-striped" id="gridWeb" width="100%">
                                        <tbody>
                                        <tr>
                                            <td class="xt-xxs font-weight-bolder opacity-7 bg-secondary">Dirección</td>
                                            <td>{{$datosCliente['Domicilio']}}</td>
                                        </tr>
                                        <tr>
                                            <td class="xt-xxs font-weight-bolder opacity-7 bg-secondary">CP</td>
                                            <td>{{$datosCliente['CodigoPostal']}}</td>
                                        </tr>
                                        <tr>
                                            <td class="xt-xxs font-weight-bolder opacity-7 bg-secondary">Colonia</td>
                                            <td>{{$datosCliente['Colonia']}}</td>
                                        </tr>
                                        <tr>
                                            <td class="xt-xxs font-weight-bolder opacity-7 bg-secondary">Municipio</td>
                                            <td>{{$datosCliente['Municipio']}}</td>
                                        </tr>
                                        <tr>
                                            <td class="xt-xxs font-weight-bolder opacity-7 bg-secondary">Estado</td>
                                            <td>{{$datosCliente['Estado']}}</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif
@endsection
@section('scripts')

    <script>
		$(document).ready(function () {
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
				}
			});

			const date = new Date();
			const day = date.getDay(); // 👉️ get day of week

			// 👇️ day of month - day of week (-6 if Sunday), otherwise +1
			const diff = date.getDate() - day + (day === 0 ? -6 : 0);

			fecha = new Date(date.setDate(diff));


		});


    </script>
@endsection