@extends('layouts.client')
@php $page_title = 'Mon espace'; @endphp
@section('meta-title', 'Mes commandes')
@section('meta-keywords', '')
@section('meta-description', '')
@section('content')

    <div class="row">
        <div class="col-md-12">
            @if ($commandes->count() > 0)
                <div>
                    <div class="panel table-responsive">
                        <table class="table">
                            <thead>
                                <tr bgcolor="#000" style="color: white">
                                    <th style="border: 0">{!! lang('N° de commande') !!}</th>
                                    <th style="border: 0">{!! lang('Date') !!}</th>
                                    <th style="border: 0">{!! lang('Statut') !!}</th>
                                    <th style="border: 0">{!! lang('Montant') !!}</th>
                                    <th style="border: 0">{!! lang('Facture') !!}</th>
                                    <th style="border: 0" width="50">Détail</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($commandes as $cmd)
                                    <tr>
                                        <td>
                                            <a href="{{ route('client.commandes.details', $cmd->id) }}"
                                                class="text-underline">
                                                {{-- {{ $cmd->paiement->achat->reference ?? $cmd->reference}}  --}}
                                                {{ $cmd->reference }}
                                            </a>
                                        </td>
                                        <td>{{ \Carbon\Carbon::parse($cmd->updated_at)->format('d-m-Y') }}
                                        </td>
                                        <td>
                                            @php
                                                $status = $cmd->expiree ? 'Devis expiré' : $cmd->status;
                                                if ($cmd->total == 0 && !isset($cmd->paiement)) {
                                                    $status = 'En attente';
                                                }
                                            @endphp
                                            {{ $status }}
                                        </td>
                                        <td>
                                            @if (
                                                $cmd->status == 'Devis reçu' ||
                                                    $cmd->status == 'Commande validée' ||
                                                    $cmd->status == 'Expédiée' ||
                                                    $cmd->status == 'Payé')
                                                {{ $cmd->total ?? $cmd->total == 0 ? $cmd->total . ' €' : '--' }}
                                            @else
                                                --
                                            @endif
                                        </td>
                                        <td>
                                            @if ($cmd->paiement->achat->facture->id ?? 0)
                                                <a target="_blank" href="{{ route('facture', $cmd->paiement->achat->id) }}">
                                                    <i class="fa fa-download"></i> Facture
                                                    {{ $cmd->paiement->achat->facture->numero }} </a>
                                            @else
                                                -
                                            @endif
                                        </td>
                                        <td class="text-center">
                                            <a href="{{ route('client.commandes.details', $cmd->id) }}" class="">
                                                <i class="fa fa-eye"></i>
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            @else
                <div class="panel">
                    <div class="text-center ">
                        <i class="fa fa-shopping-cart mb-50 mt-30" style="font-size:70px"></i>
                        <p>{!! lang("Vous n'avez pas de commandes en cours.") !!}</p>
                    </div>
                </div>

            @endif

        </div>
    </div>

@endsection
@section('script')
    <script type="text/javascript">
        $(document).ready(function() {
            var referrer = document.referrer;
            // console.log("referrer : ", referrer);
            if (referrer.indexOf("mercanet") >= 0) {
                @if (isset($achat))
                    window.dataLayer = window.dataLayer || [];
                    dataLayer.push({
                        ecommerce: null
                    });
                    dataLayer.push({
                        'event': 'purchase',
                        'ecommerce': {
                            'transaction_id': "{{ $achat->reference }}",
                            'value': "{{ $achat->montant_total }}",
                            'affiliation': 'Pipcke-store',
                            'currency': 'EUR',
                            "items": [
                                // type projet
                                @foreach ($achat->lignes as $key => $ligne)
                                    {
                                        @if ($achat->type == 'forfait' || $achat->type == 'conception')
                                            "item_name": "{{ $ligne->description }}" + " - P-" +
                                                {{ $achat->projet_id }},
                                        @elseif ($achat->type == 'group')
                                            "item_name": "{{ $ligne->description }}" + " - G-" +
                                            {{ $achat->group_id }},
                                        @else
                                            "item_name": "{{ $ligne->description }}",
                                        @endif

                                        "item_id": "{{ $ligne->id }}",
                                        @if ($achat->type == 'forfait' || $achat->type == 'conception')
                                            @if ($achat->projet->type == 'studio')
                                                "item_category": "Forfait studio",
                                            @elseif ($achat->projet->type == 'pro')
                                                "item_category": "Fofait pro",
                                            @else
                                                "item_category": "Fofait maison",
                                            @endif
                                        @elseif ($achat->type == 'commande')
                                            "item_category": "Marchandise",
                                        @elseif ($achat->type == 'bricorama')
                                            "item_category": "Bricorama",
                                        @elseif ($achat->type == 'card')
                                            "item_category": "Carte",
                                        @elseif ($achat->type == 'group')
                                            "item_category": "Group",
                                        @endif
                                        "price": {{ $ligne->prix_unitaire }},
                                        "quantity": {{ $ligne->quantite }},
                                        "shipping": {{ $ligne->frais_livraison ?? 0 }},
                                        'currency': "EUR"
                                    },
                                @endforeach
                            ]
                        }
                    });
                @endif
                // console.log("dataLayer push");
            }
        });
    </script>
@endsection