@extends('layouts.admin')
@section('content')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.full.min.js"></script>

<div class="card">
    <div class="card-header">
        INFORMATION DU CLIENT 
    </div>

    <div class="card-body">
        
            <div class="form-group {{ $errors->has('nom_complet') ? 'has-error' : '' }}">
                <label for="first_name">Nom complet du client </label>
                <input type="text" id="nom_complet" name="nom_complet" class="form-control" value="{{ $client->nom }}" disabled>
                @if($errors->has('nom_complet'))
                    <p class="help-block">
                        {{ $errors->first('nom_complet') }}
                    </p>
                @endif
                <p class="helper-block">
                    {{ trans('cruds.client.fields.first_name_helper') }}
                </p>
            </div>
            <div class="form-group {{ $errors->has('adresse') ? 'has-error' : '' }}">
                <label for="last_name">Adresse</label>
                <input type="text" id="adresse" name="adresse" class="form-control" value="{{ $client->address }}" disabled>
                @if($errors->has('adresse'))
                    <p class="help-block">
                        {{ $errors->first('adresse') }}
                    </p>
                @endif
                <p class="helper-block">
                    {{ trans('cruds.client.fields.last_name_helper') }}
                </p>
            </div>
            <div class="form-group {{ $errors->has('telephone') ? 'has-error' : '' }}">
                <label for="numcompte">Numéro téléphone</label>
                <input type="text" id="telephone" name="telephone" class="form-control" value="{{ $client->phone }}" disabled>
                @if($errors->has('telephone'))
                    <p class="help-block">
                        {{ $errors->first('telephone') }}
                    </p>
                @endif
                <p class="helper-block">
                   
                </p>
            </div>
            <div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
                <label for="email">Email</label>
                <input type="email" id="email" name="email" class="form-control" value="{{ $client->email }}" disabled>
                @if($errors->has('email'))
                    <p class="help-block">
                        {{ $errors->first('email') }}
                    </p>0
                @endif
                <p class="helper-block">

                </p>
            </div>
            <div class="form-group {{ $errors->has('numcompte') ? 'has-error' : '' }}">
                <label for="numcompte">Numéro de compte bancaire</label>
                <input type="text" id="numcompte" name="numcompte" class="form-control" value="{{  $client->numcompt }}" disabled>
                @if($errors->has('numcompte'))
                    <p class="help-block">
                        {{ $errors->first('numcompte') }}
                    </p>
                @endif
                <p class="helper-block">
              
                </p>
            </div>
            <div class="form-group {{ $errors->has('gestcompt') ? 'has-error' : '' }}">
                <label for="gestcompt">Gestionnaire de compte</label>
                <input type="text" id="gestcompt" name="gestcompt" class="form-control" value="{{ $client->gestcompt }}" disabled>
                @if($errors->has('gestcompt'))
                    <p class="help-block">
                        {{ $errors->first('gestcompt') }}
                    </p>
                @endif
                <p class="helper-block">
                   
                </p>
            </div>

            <div class="form-group {{ $errors->has('gestcompt') ? 'has-error' : '' }}">
                <label for="gestcompt">Commercial du client</label>
                <select name="commercial" class="select2 form-control" multiple="multiple" disabled>
                    <option> </option> 
                    @foreach($users as $u)
                        @foreach($commerciaux as $c)
                            @if($u->id == $c->fk_user)
                                <option value="{{$u->id}}" selected > {{ $u->name . ' ' . $u->email }} </option> 
                            @endif 
                        @endforeach 
                        <option value="{{$u->id}}"> {{ $u->name . ' ' . $u->email }} </option> 
                    @endforeach  
                </select> 
                <p class="helper-block">
                   
                </p>
            </div>
            <br />
            <h3> Carte d'identité du Client </h3> 
            <br />    <br />  

            @if($client->cir)
                <img src="{{ url('image-cin/' . $client->cir) }}" style="height: auto; width: 100%;" class="card-img-top" alt="image" /> 
            @endif 

            <br />    <br />    <br />

            @if($client->civ)
                <img src="{{ url('image-cin/' . $client->civ) }}" style="height: auto; width: 100%;" class="card-img-top" alt="image" /> 
            @endif 
            <br />    <br />
                <div>
                    @can('client_modifier')
                        <a href="{{ route('admin.clients.edit', $client->rowid) }}" class="btn btn-info"> Modifier les informations du client </a> 
                    @endcan 

                    @can('client_supprimer')
                        <form action="{{ route('admin.clients.destroy', $client->rowid) }}" method="POST" onsubmit="return confirm('Etes-vous sûr de vouloir le supprimer définitvement ?');" style="display: inline-block;">
                            <input type="hidden" name="_method" value="DELETE">
                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                            <button type="submit" class="btn btn-danger">
                                Supprimer le client 
                            </button> 
                        </form>
                    @endcan
                </div>
    </div>
</div>


<div class="card">
    <div class="card-header">
        COMMANDE CLIENT
    </div>

    <div class="card-body">
            <table class="table table-bordered table-striped table-hover datatable datatable-Client" id="table">
                <thead>
                    <tr>
                        <th width="5">

                        </th>

                        <th>
                            Réf.
                        </th>

                        <th>
                            Date
                        </th>

                        <th>
                            Produit
                        </th>

                        <th>
                            Montant 
                        </th>
                        <th>
                            Complément
                        </th>
                        @can('commission_voire')
                            <th>
                                Commission
                            </th>
                        @endcan
                        <th>
                            Agence
                        </th>

                        <th>
                            Echéance
                        </th>

                        <th>
                             Banque
                        </th>

                        <th> 
                            Auteur 
                        </th> 

                        <th>
                            Livraison
                        </th>

                        <th>
                            Action
                        </th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($commandes as $key => $commande)
    
                        <tr data-entry-id="{{ $commande->rowid }}">
                            <td>

                            </td>

                            <td >
                                {{ $commande->ref ?? '' }}
                            </td>

                            <td data-sort='"  "'>
                                {{ Carbon\Carbon::parse($commande->date_commande)->format('d/m/Y') }}
                            </td>

                            <td>
                                <span style=" font-size: 13px; padding: 4px; border: 1px solid transparent; border-radius: 6px; background-color: #2c3e50; color: #fff;">   
                                    @foreach($commande->fk_product as $prod)
                                        {{ $prod . ' / '  }}
                                    @endforeach 
                                </span>
                            </td>

                            <td>
                                {{ number_format(($commande->total_ttc > 250000 ) ? 250000 : $commande->total_ttc, 0 , '', ' ') ?? '' }}
                            </td>
                            
                            <td>
                                <span  class="@if($commande->total_ttc > 250000) @if($commande->avaibility >= $commande->total_ttc) bg-success @endif @if($commande->avaibility < $commande->total_ttc) bg-danger @endif @endif " style=" font-size: 13px; padding: 5px; border: 1px solid transparent; border-radius: 6px;"> 
                                    {{ number_format( ($commande->total_ttc > 250000 ) ? $commande->total_ttc - 250000 : 0, 0 , '', ' ') ?? '' }}
                                </span>
                            </td>

                            @can('commission_voire')
                                <td>
                                    {{ number_format($commande->commission, 0 , '', ' ') ?? '' }}
                                </td>
                            @endcan

                            <td>
                                {{ $commande->banque ?? '' }}
                            </td>
                            
                            <td>
                                {{ $commande->echeance ?? '' }}
                            </td>

                            <td>
                                <span class="{{ $commande->color }}" style=" font-size: 13px; padding: 4px; border: 1px solid transparent; border-radius: 6px;">   
                                    {{ $commande->avis_banque ?? '' }}
                                </span> 
                            </td>

                            <td>
                                {{ $commande->name ?? '' }}
                            </td>

                            <td>
                                <span class="{{ $commande->fk_currency }}" style=" font-size: 13px; padding: 4px; border: 1px solid transparent; border-radius: 6px;">   
                                    {{ $commande->fk_statut ?? '' }}
                                </span>
                            </td>
                         
                            <td>
                                @can('commande_voire')
                                    <a class="btn btn-xs btn-primary fa fa-eye" href="{{ route('admin.commande_client.show', $commande->rowid) }}">
                                        
                                    </a>
                                @endcan

                                @can('commande_modifier')
                                    <a class="btn btn-xs btn-info fa fa-edit" href="{{ route('admin.commande_client.edit', $commande->rowid) }}">
                                     
                                    </a>
                                @endcan

                                @can('commande_supprimer')
                                    <form action="{{ route('admin.commande_client.destroy', $commande->rowid) }}" method="POST" onsubmit="return confirm('Etes-vous sur de vouloir supprimer la commande définitement ?');" style="display: inline-block;">
                                        <input type="hidden" name="_method" value="DELETE">
                                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                        <button type="submit" class="btn btn-xs btn-danger">
                                            <i class="fa fa-trash"> </i> 
                                        </button> 
                                    </form>
                                @endcan

                            </td>

                        </tr>
                    @endforeach
                </tbody>
                <tfoot>
                    <tr  style="text-align:center;" >
                        <th colspan="4" style="text-align:right;"></th>
                        <th></th>
                    </tr>
                </tfoot>
            </table>
    </div>
</div>
<script>
     $('.select2').select2();
</script>
@endsection