@extends('layouts.client')
@php $page_title = 'Mon espace'; @endphp
@section('meta-title', 'Commande N° ' . $commande->id)
@section('meta-keywords', '')
@section('meta-description', '')
@section('content')

    <div class="row">
        <div class="col-md-12">
            <div class="d-flex justify-content-between align-items-center mb-2">
                <h5 class="Poppins mt-1 mb-1">Détails du devis N° {{ $commande->id }}</h5>
                @if ($commande->statut == 'Devis expiré')
                    <a href="{{ route('client.commandes.devis', $commande->id) }}"
                        class="btn btn2 btn-formulaire">{!! lang('Renouveler ma demande de devis') !!}</a>
                @endif

                @if ($commande->statut == 'Devis reçu' && count($lignes) > 0)
                    <a href="{{ route('client.commandes.passer', $commande->id) }}"
                        class="btn btn2 btn-formulaire">{!! lang('Passer commande') !!}</a>
                @endif
            </div>
            <div class="panel table-responsive">
                <table class="table">
                    <thead>
                        <tr bgcolor="#000" style="color: white">
                            <th class="text-center" width="110">{!! lang('Article') !!}</th>
                            <th>{!! lang('Désignation') !!}</th>
                            @if ($commande->statut != 'Commande validée' && $commande->statut != 'Expédiée')
                                <th width="200">{!! lang('Prix indicatif public') !!}</th>
                            @endif
                            <th width="120">{!! lang('Prix Pipcke') !!}</th>
                            <th width="50">{!! lang('Quantité') !!}</th>
                            <th width="150">{!! lang('Frais de livraison') !!}</th>
                            <th width="120">{!! lang('Prix total TTC ') !!}</th>
                            @if ($commande->statut == 'Commande validée' || $commande->statut == 'Expédiée')
                                <th width="180">{!! lang('Statut') !!}</th>
                            @endif
                            <th width="50"></th>
                        </tr>
                    </thead>

                    @php
                        $qte = 0;
                        $totalprixindicatif = 0;
                        $totalprixpipcke = 0;
                        $totallivraison = 0;
                        $totalprix = 0;
                        $totaleconomie = 0;
                    @endphp
                    <tbody>
                        @foreach ($lignes as $ligne)
                            @php
                                $qte += $ligne->quantite;
                                $totalprixindicatif += $ligne->produit->prix;
                                $totalprixpipcke += $ligne->prix_pipcke;
                                $totallivraison += $ligne->frais_livraison;
                                $totalprix += $ligne->total;
                                $economie = 0;
                                $val = 0;
                                if ($ligne->produit->prix) {
                                    $val = ($ligne->produit->prix - $ligne->prix_pipcke) * $ligne->quantite;
                                }
                                $economie += $val;
                                $totaleconomie += $economie;
                            @endphp
                            <tr>
                                <td>
                                    <a href="{{ $ligne->produit->source }}" target="_blank" class="img"
                                        style="background: url('{{ asset($ligne->produit->photo) }}') 50% 50% no-repeat; background-size: contain; display: inline-block; height: 80px; width: 100% ">
                                    </a>
                                </td>
                                <td class="pt-3">
                                    <b>{{ $ligne->produit->nom }}</b>
                                    <br> {{ $ligne->produit->reference }}
                                    <div class="font-size-11">
                                        @if ($ligne->produit->largeur)
                                            L. {{ $ligne->produit->largeur }}cm
                                        @endif

                                        @if ($ligne->produit->hauteur)
                                            x
                                            H. {{ $ligne->produit->hauteur }}cm
                                        @endif

                                        @if ($ligne->produit->profondeur)
                                            x
                                            P. {{ $ligne->produit->profondeur }}cm
                                        @else
                                            &nbsp;
                                        @endif
                                    </div>
                                    @if ($ligne->remarque)
                                        @if ($commande->statut != 'Devis en cours')
                                            <div class="bg-light pl-3 pr-3 p-2 border-radius-10 font-size-11 mt-2">
                                                {!! preg_replace('#(\r\n|\r|\n)#', '<br>', $ligne->remarque) !!}
                                            </div>
                                        @endif
                                    @endif
                                </td>
                                @if ($commande->statut != 'Commande validée' && $commande->statut != 'Expédiée')
                                    <td class="pt-40 text-center">
                                        @if ($ligne->produit->prix)
                                            {{ $ligne->produit->prix }} €
                                        @else
                                            -
                                        @endif
                                    </td>
                                @endif

                                <td class="pt-40 text-center">
                                    @if ($commande->statut != 'Devis en cours')
                                        @if ($ligne->prix_pipcke)
                                            {{ $ligne->prix_pipcke }} €
                                        @else
                                            -
                                        @endif
                                    @else
                                        --
                                    @endif
                                </td>

                                <td class="pt-40 text-center">
                                    @if ($commande->statut == 'Devis expiré')
                                        <input type="number" min="0" class="form-control" name="quantite"
                                            value="{{ $ligne->quantite }}">
                                    @else
                                        {{ $ligne->quantite }}
                                    @endif
                                </td>

                                <td class="pt-40 text-center">
                                    @if ($commande->statut != 'Devis en cours')
                                        @if ($ligne->frais_livraison)
                                            {{ $ligne->frais_livraison }} €
                                        @else
                                            -
                                        @endif
                                    @else
                                        --
                                    @endif
                                </td>

                                <td class="pt-40 text-center">
                                    @if ($commande->statut != 'Devis en cours')
                                        @if ($ligne->total)
                                            {{ $ligne->total }} €
                                        @else
                                            -
                                        @endif
                                    @else
                                        --
                                    @endif
                                </td>

                                @if ($commande->statut == 'Commande validée' || $commande->statut == 'Expédiée')
                                    <td class="pt-40 ">
                                        {{ $ligne->status }}
                                    </td>
                                @endif

                                <td class="pt-40 text-center">
                                    @if ($commande->statut == 'Devis reçu' || $commande->statut == 'Devis expiré')
                                        <a data-href="{{ route('client.commandes.delete', $ligne->id) }}"
                                            class="text-danger supprimer-produit-panier">
                                            <i class="fa fa-trash"></i>
                                        </a>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr class="bg-light">
                            <th class="text-center">Total</th>
                            <th></th>

                            @if ($commande->statut != 'Commande validée' && $commande->statut != 'Expédiée')
                                <th class="text-center">
                                    {{ $totalprixindicatif }} €
                                </th>
                            @endif

                            <th class="text-center">
                                @if ($commande->statut != 'Devis en cours')
                                    {{ $totalprixpipcke }} €
                                @else
                                    --
                                @endif
                            </th>

                            <th class="text-center">{{ $qte }}</th>
                            <th class="text-center">
                                @if (!($commande->statut == 'Devis en cours'))
                                    @if ($totallivraison)
                                        {{ $totallivraison }} €
                                    @else
                                        -
                                    @endif
                                @else
                                    --
                                @endif
                            </th>
                            <th class="text-center">
                                @if (!($commande->statut == 'Devis en cours'))
                                    {{ $totalprix }} €
                                @else
                                    --
                                @endif
                            </th>
                            @if ($commande->statut == 'Commande validée' || $commande->statut == 'Expédiée')
                                <th></th>
                            @endif

                            <th></th>
                        </tr>
                    </tfoot>
                </table>
            </div>
            @if (($commande->statut == 'Devis reçu' || $commande->statut == 'Devis en cours') && count($lignes_non_prise) > 0)
                <h5 class="Poppins mt-1 mb-1">Article(s) non disponible(s) en commande via <a target="_blank"
                        href="https://pipcke.fr">pipcke.fr</a></h5>
                <div class="panel table-responsive">
                    <table class="table">
                        <thead>
                            <tr bgcolor="#000" style="color: white">
                                <th class="text-center" width="110">{!! lang('Article') !!}</th>
                                <th>{!! lang('Désignation') !!}</th>
                                <th width="200">{!! lang('Prix indicatif public') !!}</th>
                                <th width="50">{!! lang('Quantité') !!}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($lignes_non_prise as $ligne)
                                <tr>
                                    <td>
                                        <a href="{{ $ligne->produit->source }}" target="_blank" class="img"
                                            style="background: url('{{ asset($ligne->produit->photo) }}') 50% 50% no-repeat; background-size: contain; display: inline-block; height: 80px; width: 100% ">
                                        </a>
                                    </td>
                                    <td class="pt-3">
                                        <b>{{ $ligne->produit->nom }}</b>
                                        <br> {{ $ligne->produit->reference }}
                                        <div class="font-size-11">
                                            @if ($ligne->produit->largeur)
                                                L. {{ $ligne->produit->largeur }}cm
                                            @endif

                                            @if ($ligne->produit->hauteur)
                                                x
                                                H. {{ $ligne->produit->hauteur }}cm
                                            @endif

                                            @if ($ligne->produit->profondeur)
                                                x
                                                P. {{ $ligne->produit->profondeur }}cm
                                            @else
                                                &nbsp;
                                            @endif
                                        </div>
                                        @if ($ligne->remarque)
                                            <div class="bg-light pl-3 pr-3 p-2 border-radius-10 font-size-11 mt-2">
                                                {!! preg_replace('#(\r\n|\r|\n)#', '<br>', $ligne->remarque) !!}
                                            </div>
                                        @endif
                                    </td>
                                    <td class="pt-40 text-center">
                                        @if ($ligne->produit->prix)
                                            {{ $ligne->produit->prix }} €
                                        @else
                                            -
                                        @endif
                                    </td>

                                    <td class="pt-40 text-center">
                                        {{ $ligne->quantite }}
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
            <div class="panel text- center">
                @if ($commande->status_economie == 'on' && $totaleconomie > 0)
                    <div class="text-marron mt-30 font-weight-bold text-center"> Économie réalisée* : {{ $totaleconomie }}
                        €</div>
                    <div class="text-marron mb-30 font-weight-bold text-center font-size-11"> {!! lang('* Comparé au prix conseillé') !!}</div>
                @endif
                <div id="adresse-livraison">
                    <div class="bg-light border-radius-10 p-3 mt-3 mb-3">
                        @if ($commande->statut == 'Devis expiré' || $commande->statut == 'Devis reçu')
                            <a onclick="myFunction()" href="javascrip:;"
                                class="pull-right text-underline">{!! lang('Modifier') !!}</a>
                        @endif
                        <div class="font-size-16 font-weight-bold">{!! lang('Adresse de livraison') !!}</div>

                        <div>{{ $adresse->prenom ?? '' }} {{ $adresse->nom ?? '' }} </div>
                        <div>{{ $adresse->telephone_mobile ?? '' }} </div>
                        <div>{{ $adresse->adresse ?? '' }} </div>
                        <div>{{ $adresse->code_postal ?? '' }} </div>
                        <div>{{ $adresse->ville ?? '' }} </div>
                    </div>
                </div>

                @if ($adresse_facturation && ($commande->statut == 'Commande validée' || $commande->statut == 'Expédiée'))
                    <div id="adresse-facturation">
                        <div class="bg-light border-radius-10 p-3 mt-3 mb-3">
                            <div class="font-size-16 font-weight-bold">{!! lang('Adresse de facturation') !!}</div>
                            <div>{{ $adresse_facturation->prenom ?? '' }} {{ $adresse_facturation->nom ?? '' }} </div>
                            <div>{{ $adresse_facturation->telephone_mobile ?? '' }} </div>
                            <div>{{ $adresse_facturation->adresse ?? '' }} </div>
                            <div>{{ $adresse_facturation->code_postal ?? '' }} </div>
                            <div>{{ $adresse_facturation->ville ?? '' }} </div>
                        </div>
                    </div>
                @endif

                <div class="hidden" id="adresse2">
                    <form action="{{ route('client.monpanier.adresse.update', auth()->user()->adresses->first()->id) }}"
                        name="adresse-livraison-update" method="post" class="mt-20 p-3 border-radius-10 bg-light">
                        {{ csrf_field() }}
                        <div class="font-size-14 font-weight-bold mb-20">{!! lang('Adresse de livraison') !!}</div>
                        <div class="form-group">
                            <labeel>{!! lang('Prénom') !!}*</labeel>
                            <input class="form-control" type="text" name="prenom" required=""
                                value="{{ auth()->user()->adresses->first()->prenom }}">
                        </div>
                        <div class="form-group">
                            <labeel>{!! lang('Nom') !!}*</labeel>
                            <input class="form-control" type="text" name="nom" required=""
                                value="{{ auth()->user()->adresses->first()->nom }}">
                        </div>
                        <div class="form-group">
                            <labeel>{!! lang('Adresse') !!}*</labeel>
                            <textarea class="form-control" rows="3" name="adresse" required="">{{ auth()->user()->adresses->first()->adresse }}</textarea>
                        </div>
                        <div class="form-group">
                            <labeel>{!! lang('Informations complémentaires') !!}</labeel>
                            <br>
                            <small class="font-size-12">{!! lang('Étage, digicode, ...') !!}</small>
                            <input class="form-control" type="text" name="Informations"
                                value="{{ auth()->user()->adresses->first()->infos_complementaire }}">
                        </div>
                        <div class="form-group">
                            <labeel>{!! lang('Code postal') !!}*</labeel>
                            <input class="form-control" type="text" name="code_postal" required=""
                                value="{{ auth()->user()->adresses->first()->code_postal }}">
                        </div>
                        <div class="form-group">
                            <labeel>{!! lang('Ville') !!}*</labeel>
                            <input class="form-control" type="text" name="ville" required=""
                                value="{{ auth()->user()->adresses->first()->ville }}">
                        </div>
                        <div class="form-group">
                            <labeel>{!! lang('Téléphone fixe') !!}</labeel>
                            <input class="form-control" type="text" name="telephone_fixe"
                                value="{{ auth()->user()->adresses->first()->telephone_fixe }}">
                        </div>
                        <div class="form-group">
                            <labeel>{!! lang('Téléphone mobile') !!}*</labeel> <small
                                class="font-size-11">{!! lang('(nécessaire à la livraison)') !!}</small>
                            <input class="form-control" type="text" name="telephone_mobile" required=""
                                value="{{ auth()->user()->adresses->first()->telephone_mobile }}">
                        </div>
                        <div class="mb-10 font-size-12">* Champ obligatoire</div>
                        <i class="font-size-12">{!! lang('Attention : la livraison couvre exclusivement la France métropolitaine.') !!}</i>
                        <div class="text-center mt-10">
                            <button type="submit" class="btn btn2 btn-formulaire">{!! lang('Enregistrer') !!}</button>
                            <button type="reset" onclick="myFunction2()"
                                class="btn btn2 btn-formulaire">{!! lang('Annuler') !!}</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="panel text-center">

                @if ($commande->statut == 'Devis expiré')
                    <label>{!! lang('Votre devis a dépassé sa limite de validité.') !!}
                        <br>{!! lang('Veuillez renouveler votre demande pour pouvoir commander vos produits.') !!}
                    </label>
                    <div class="mt-20 text-center">
                        <a href="{{ route('client.commandes.devis', $commande->id) }}"
                            class="btn btn2 btn-formulaire">{!! lang('Renouveler ma demande de devis') !!}</a>
                    </div>
                @endif

                @if ($commande->statut == 'Devis en cours')
                    <label>{!! lang('Votre devis est en cours de préparation.') !!}</label>
                @endif

                @if ($commande->statut == 'Devis reçu' && count($lignes) > 0)
                    <label>{!! lang('Merci de vérifier votre commande, votre adresse et les informations de livraison avant de passer commande.
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <br>Devis valable 1 mois à partir de la date de réception.') !!}
                    </label>
                    <div class="mt-20 text-center">
                        <a href="{{ route('client.commandes.passer', $commande->id) }}"
                            class="btn btn2 btn-formulaire">{!! lang('Passer commande') !!}</a>
                    </div>
                @endif

                @if ($commande->statut != 'Devis en cours')
                    <div class="mt-3 font-size-12">La disponibilité des produits en stock et les dates de livraison prévues
                        peuvent varier en fonction des délais de commande.</div>
                @endif

            </div>
        </div>
    </div>
@endsection

@section('script')
    <script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js"></script>
    <script type="text/javascript">
        function myFunction() {
            $("#adresse-livraison").addClass('hidden');
            $("#adresse2").removeClass('hidden');
        }

        function myFunction2() {
            $("#adresse-livraison").removeClass('hidden');
            $("#adresse2").addClass('hidden');
        }
    </script>
@endsection