@extends('layouts.backend.app')

@section("content")
 @foreach($client as $client) 
    <div class="page page-shop-single-product">
        <div class="pageheader">

            <h2>Compte client</h2>

            <div class="page-bar">

                <ul class="page-breadcrumb">
                    <li>
                    <a href="{{route('spaceDashboard')}}"><i class="fa fa-home"></i> AROLI ASSURANCE</a>
                    </li>
                    <li>
                        <a href="#">Clients</a>
                    </li>
                    <li>
                        <a href="#">{{$client->firstname}} {{$client->lastname}} </a>
                    </li>
                </ul>
                
            </div>
        </div>
        <div class="pagecontent">
            <div class="add-nav">
                <div class="nav-heading">
                    <h3>{{$client->firstname}} {{$client->lastname}}</h3>
                    <span class="controls pull-right">
                        <a href="#" class="btn btn-ef btn-ef-1 btn-ef-1-default btn-ef-1a btn-rounded-20 mr-5" data-toggle="modal" data-target="#modal_devis"><i class="fa fa-plus"></i> Nouveau devis</a>
                    </span>
                </div>
                <div role="tabpanel">
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#details" aria-controls="details" role="tab" data-toggle="tab">Infos Perso</a></li>
                         <li role="presentation"><a href="#reviews" aria-controls="reviews" role="tab" data-toggle="tab">Devis/Commandes</a></li>
                         <li role="presentation"><a href="#notes" aria-controls="notes" role="tab" data-toggle="tab">Note</a></li>
                    </ul>
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="details">
                            <div class="row">
                                <!-- col -->
                                <div class="col-md-12">

                                    <!-- tile -->
                                    <section class="tile time-simple">

                                        <!-- tile body -->
                                        <div class="tile-body">


                                            <!-- row -->
                                            <div class="row">

                                                <div class="col-md-3" style="z-index:2">

                                                    <a href="javascript:;"  data-toggle="modal" data-target="#modal_client" class="btn btn-default btn-rounded-20 btn-xs pull-right"><i class="fa fa-pencil"></i></a>
                                                    <p class="text-uppercase text-strong mb-10 custom-font">{{ get_users_status($client->usertype) }}</p>
                                                    <ul class="list-unstyled text-default lt mb-20">
                                                        <li><strong class="inline-block w-xs">Nom:</strong> {{$client->lastname}}</li>
                                                        <li><strong class="inline-block w-xs">Prenoms:</strong> {{$client->firstname}}</li>
                                                        <li><strong class="inline-block w-xs">Contact:</strong> {{$client->contact}}</li>
                                                        <li><strong class="inline-block w-xs"> Email:</strong> <a href="javascript:;">{{$client->email}}</a></li>
                                                    </ul>
                                                </div>

                                                <!-- col -->
                                                <div class="col-md-8">
                                                
                                                    <!-- col -->
                                                    <div class="card-container col-lg-3 col-sm-6 col-sm-12">
                                                        <div class="card">
                                                            <div class="front bg-greensea">

                                                                <!-- row -->
                                                                <div class="row">
                                                                    <!-- col -->
                                                                    <div class="col-xs-4">
                                                                        <i class="fa fa-send fa-3x"></i>
                                                                    </div>
                                                                    <!-- /col -->
                                                                    <!-- col -->
                                                                    <div class="col-xs-8">
                                                                        <p class="text-elg text-strong mb-0">{{sizeof($devis)}}</p>
                                                                        <span>Dévis</span>
                                                                    </div>
                                                                    <!-- /col -->
                                                                </div>
                                                                <!-- /row -->

                                                            </div>
                                                            <div class="back bg-greensea">

                                                                <!-- row -->
                                                                <div class="row">
                                                                    
                                                                    <!-- col -->
                                                                    <div class="col-xs-12">
                                                                        <a href=#><i class="fa fa-chain-broken fa-2x"></i> Détails</a>
                                                                    </div>
                                                                    <!-- /col -->
                                                                </div>
                                                                <!-- /row -->

                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- /col -->
                                                    <!-- col -->
                                                    <div class="card-container col-lg-3 col-sm-6 col-sm-12">
                                                        <div class="card">
                                                            <div class="front bg-blue">

                                                                <!-- row -->
                                                                <div class="row">
                                                                    <!-- col -->
                                                                    <div class="col-xs-4">
                                                                        <i class="fa fa-shopping-cart fa-3x"></i>
                                                                    </div>
                                                                    <!-- /col -->
                                                                    <!-- col -->
                                                                    <div class="col-xs-8">
                                                                        <p class="text-elg text-strong mb-0">{{sizeof($commandes)}}</p>
                                                                        <span>Commande(s)</span>
                                                                    </div>
                                                                    <!-- /col -->
                                                                </div>
                                                                <!-- /row -->

                                                            </div>
                                                            <div class="back bg-lightred">

                                                                <!-- row -->
                                                                <div class="row">
                                                                    
                                                                    <!-- col -->
                                                                    <div class="col-xs-12">
                                                                        <a href=#><i class="fa fa-chain-broken fa-2x"></i> Détails</a>
                                                                    </div>
                                                                    <!-- /col -->
                                                                </div>
                                                                <!-- /row -->

                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- /col -->
                                                    <div class="card-container col-lg-3 col-sm-6 col-sm-12">
                                                        <div class="card">
                                                            <div class="front bg-lightred">

                                                                <!-- row -->
                                                                <div class="row">
                                                                    <!-- col -->
                                                                    <div class="col-xs-4">
                                                                        <i class="fa fa-file fa-3x"></i>
                                                                    </div>
                                                                    <!-- /col -->
                                                                    <!-- col -->
                                                                    <div class="col-xs-8">
                                                                        <p class="text-elg text-strong mb-0">{{sizeof($contrats)}}</p>
                                                                        <span>Contrat(s)</span>
                                                                    </div>
                                                                    <!-- /col -->
                                                                </div>
                                                                <!-- /row -->

                                                            </div>
                                                            <div class="back bg-lightred">

                                                                <!-- row -->
                                                                <div class="row">
                                                                    
                                                                    <!-- col -->
                                                                    <div class="col-xs-12">
                                                                        <a href=#><i class="fa fa-chain-broken fa-2x"></i> Détails</a>
                                                                    </div>
                                                                    <!-- /col -->
                                                                </div>
                                                                <!-- /row -->

                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- /col -->

                                                  
                                                </div>
                                                <!-- /col -->

                                            </div>
                                            <!-- /row -->


                                        </div>
                                        <!-- /tile body -->

                                    </section>
                                    <!-- /tile -->

                                </div>
                                <!-- /col -->
                            </div>
                            <!-- /row -->
                        </div>
                        <!-- tab in tabs -->
                                   
                                    
                                  
                        <div role="tabpanel" class="tab-pane" id="reviews">
                            <!-- row -->
                            <div class="row">
                                <!-- col -->
                                <div class="col-md-12">



                                    <!-- tile -->
                                    <section class="tile">

                                        <!-- tile header -->
                                        <div class="tile-header dvd dvd-btm">
                                            <h1 class="custom-font"> Mes commandes</h1>
                                        </div>
                                        <!-- /tile header -->

                                        <!-- tile body -->
                                        <div class="tile-body p-0">

                                            <div class="table-responsive">
                                                <table class="table table-hover table-striped">
                                                    <thead>
                                                    <tr>
                                                        <th>N COMMANDE</th>
                                                        <th>Type contrat</th>
                                                        <th>Valeur</th>
                                                        <th>Debut</th>
                                                        <th>Fin</th>
                                                        <th>Status</th>
                                                       <th>ACTION</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    @foreach($commandes as $commande)
                                                        <tr>
                                                        <td><a href="javascript:;">{{ $commande->number_n}}</a></td>
                                                        <td>
                                                            @if($commande->product_type==1)
                                                            Auto
                                                            @elseif($commande->product_type==2)
                                                            Moto
                                                            @elseif($commande->product_type==3)
                                                            Habitation 
                                                            @endif
                                                        </td>
                                                        <td>{{ $commande->guarante}}</td>
                                                        <td>{{ $commande->created_at}}</td>
                                                        <td>{{ $commande->updated_at}}</td>
                                                        <td>{!!get_commande_status($commande->status)!!}</td>
                                                        <td><a href="{{route('devis.details',['id'=>$commande->qid,'aid'=>$commande->aid])}}" class="btn btn-xs btn-default"><i class="fa fa-search"></i> voir</a></td>
                                                        </tr>
                                                    @endforeach  
                                                    </tbody>
                                                </table>
                                            </div>

                                        </div>
                                        <!-- /tile body -->

                                    </section>
                                    <!-- /tile -->


                                </div>
                                <!-- /col -->
                            </div>
                            <!-- /row -->
                        </div>
                        <!-- tab in tabs -->                
                    </div>
                </div>
            </div>
        </div>
    </div>
@endforeach 
@endsection

@section('header-script')
<link rel="stylesheet" href="