@extends('client.layouts.app')

@section('title', __('Dashboard'))

@section('content')
@if($message)
<div class="alert alert-info" role="alert">
    {{$message}}
</div>
@endif
@if($notification)
<div class="container-fluid dashboard-message">
    <div class="row">
        <div class="col-sm-4 leftSection">
            <h3>OFFERTA SPECIALE</h3>
        </div>
        <div class="col-sm-8 rightSection">
            <a href="javascript:void(0);" data-toggle="dynamic-modal" data-action="promotions" data-params="{{ json_encode([ 'promotion_id' => $notification->data['promotion']['id'] ]) }}">
                <p>
                    <span class="bold">SOLO PER TE:</span>
                    <span class="bold discountAmount">{{$notification->data['promotion']['discount']}}%</span> {{$notification->data['promotion']['name']}}<span class="bold delimiter">
                        / </span>CODICE SCONTO: "<span class="bold promoCode">{{$notification->data['promotion']['code']}}</span>"
                </p>
            </a>
        </div>
        <span class="close" data-id="{{$notification->id}}">&times;</span>
    </div>
</div>
@endif
<section class="container-fluid analyitics">
    <div class="row">
        @if(auth()->user()->hasRole('administrator') || auth()->user()->hasRole('subuser'))
        <div class="col-sm-6 col-lg-4 responsive-50 cardsContainer top-video-link">
            <a class="do-btn" target="_blank" href="{{ route('ingenia.index') }}">
                <img src="{{asset('img/banner-video.png')}}" alt="" class="banner-video">                
            </a>
        </div>
        @endif
    </div>
    <div class="row">

        <!-- Shop List Start -->

        <div class="col-sm-6 col-lg-4 responsive-50 cardsContainer">
            <x-list-shop-user :shop="$shop" type="shops" title="PUNTI VENDITA" :objects="$shops" text="Aggiungi punto vendita" />
        </div>
        <!-- Shop List End -->

        <!-- Users List Start-->
        <div class="col-sm-6 col-lg-4 responsive-50 cardsContainer doUsers">
            <x-list-shop-user :shop="$shop" type="users" title="UTENTI" :objects="$users" text="Aggiungi nuovo collaboratore" />
        </div>
        <!-- Users List End -->

        <!--middle card end-->
        <div class="col-lg-4 responsive-100 cardsContainer">
            <div class="rightContainer container-card scrollable">
                <h5>STORICO ORDINI</h5>
                <hr />
                @if($orders)
                <div class="row companyTable dashboardOrders">
                    <table class="table">
                        <thead class="">
                            <tr>
                                <th scope="col">Data</th>
                                <th scope="col">N° ORDINE</th>
                                <th scope="col">RIFERIMENTO</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($orders as $order)
                            <tr>
                                <td>{{$order->created_at->format('Y-m-d')}}</td>
                                <td>{{$order->id}}</td>
                                <td>{{$order->order_products->first() ? $order->order_products->first()->customer_reference : 'N.D.'}}</td>
                                <td class="details">
                                    <a href="/orders?id={{$order->id}}"><span class="ci ci-eye"></span>Dettaglio</a>

                                </td>
                            </tr>
                            @endforeach

                        </tbody>
                    </table>
                </div>
                <a class="text-center do-all" href="{{route('orders.index')}}" class="text-center">VEDI TUTTI</a>
                @else
                <div class="alert alert-info" role="alert">
                    You don't have any orders or you don't have permissions to see them.
                </div>

                @endif
            </div>
        </div>
    </div>
</section>
<section class="container-fluid catalog">
    <div class="row">
        <div class="col-lg-8 cardsContainer">
            <div class="leftContainer container-card">
                <h5>CATALOGHI</h5>
                <hr />
                <div class="catalogCarousel">
                    <div>
                        <div class="slide-wrapper">
                            <img src="{{asset('img/4-LISTINO-CONFIDENZIALE-2020.png')}}" />
                            <h4>Listino Confidenziale</h4>
                            <p>Lenti oftalmiche 2020</p>
                            <a href="/documents/listino.pdf" target="_blank">SCARICA</a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-wrapper">
                            <img src="{{asset('img/5-LENTI-OFTALMICHE.png')}}" />
                            <h4>LENTI OFTALMICHE</h4>
                            <p>Collezione 2020</p>
                            <a href="/documents/catalogo.pdf" target="_blank">SCARICA</a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-wrapper">
                            <img src="{{asset('img/6-CATALOGO-COLORAZIONI-2020.png')}}" />
                            <h4>CATALOGO COLORAZIONI</h4>
                            <p>Catalogo Colorazioni 2020</p>
                            <a href="/documents/colori.pdf" target="_blank">SCARICA</a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-wrapper">
                            <img src="{{asset('img/1-UV400-e-AR-INTEGRA.png')}}" />
                            <h4>UV400 E AR INTEGRA</h4>
                            <p>Introduzione Scientifica</p>
                            <a href="/documents/uv400.pdf" target="_blank">SCARICA</a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-wrapper">
                            <img src="{{asset('img/3-RELAX-II.png')}}" />
                            <h4>RELAX II</h4>
                            <p>Soluzioni visive evolute per portatori digitali</p>
                            <a href="/documents/relax.pdf" target="_blank">SCARICA</a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-wrapper">
                            <img src="{{asset('img/7-AQT-INGENIA.png')}}" />
                            <h4>AQT INGENIA</h4>
                            <p>L’estrema sintesi della personalizzazione</p>
                            <a href="/documents/aqt.pdf" target="_blank">SCARICA</a>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="col-lg-4 cardsContainer">
            <a href="#!">

                <div class="rightContainer container-card">
                    <!-- <a href="#!" class="greenBtn">SCARICA</a> -->
                </div>
            </a>
        </div>
    </div>
</section>

@endsection