@extends('layouts.master')
 @section('content')
  <h3>Liste des clients ITRACOM:</h3>
  @if(Session::has('message'))       
        <p class="alert alert-success" align="center"> {{Session::get('message')}}</p>
            @endif
    @if(Session::has('message_error'))       
        <p class="alert alert-danger" align="center"> {{Session::get('message_error')}}</p>
            @endif
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <div class="header">
            <a href="#"> <button class="btn btn-info"  data-toggle="modal" data-target="#ModalAjoutClient">Nouveau Client </button></a>
            <br>
             
            </div>
            <div class="body">
            <div class="table-responsive">
            <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
            <thead style="background-color: #5bc0de">
                <tr>
                  <th width="10px">No</th>
                  <th>CNI/Passport</th>
                  <th>Raison sociale</th>
                  <th>NIF</th>
                  <th>Résidence</th>
                  <th>Téléphone</th>
                  <th>Assujetti</th>
                  <th>Reconnu OBR</th> 
                  <th>Action</th>
                </tr>   
            </thead>

            @foreach($client as $key=>$us)     
            <tr>
            <td>{{++$key}}</td>
            <td>{{$us->cni_passport}}</td>
            <td>{{$us->name}}</td>
            <td>{{$us->identification_fiscal}}</td>
            <td>{{$us->residence_actuel}}</td>
            <td>{{$us->telephone}}</td>
            <td>
                @if($us->assujetti==0)
                    <span class="badge badge-danger">A definir</span>                    
                @elseif($us->assujetti==1)
                    <span class="badge badge-success">Assujetti</span>  
                @elseif($us->assujetti==2)
                    <span class="badge badge-success">Non Assujetti</span>  
                @else
                    <span class="badge badge-danger">Embigue</span>  
                @endif
            </td>
            <td>
                @if($us->reconnuOBR==0)
                    <span class="badge badge-danger">A definir</span>                    
                @elseif($us->reconnuOBR==1)
                    <span class="badge badge-success">Reconnu</span>  
                @elseif($us->reconnuOBR==2)
                    <span class="badge badge-success">Non reconnu</span>  
                @else
                    <span class="badge badge-danger">Embigue</span>  
                @endif
            </td>
            
            <td> 
                <div class="btn-group">
                <a href="#" class="btn btn-sm btn-info edit-brand" data-toggle="modal" data-target="#ModalEditClient{{$us->id}}" ><span style="display:none;"></span><i class="zmdi zmdi-edit"></i></a> 
                @if($us->status_acti==0)
                <a href="#" class="btn btn-danger" onclick="return confirm('Voulez-vous desactiver cet utilisateur ?');">Desactiver</a>
                @else
                <!-- <a href="" class="btn btn-primary" href="/activer_user/{{$us->id}}" class="btn btn-danger" onclick="return confirm('Voulez-vous activer cet utilisateur ?');">Activer</a> -->
                @endif
                </div>
            </td> 
        </tr> 



        <div class="modal fade" id="ModalEditClient{{$us->id}}" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Mise à jour d'un Client</h4>
            </div>
        <form id="form_validation" method="POST" action="/edit_client/{{$us->id}}">
            <div class="modal-body"> 
                    {{ csrf_field() }}
                    <div class="form-group form-float">                        
                        <label for="user">CNI/Passport</label>
                        <input type="text" name="cni" value="{{$us->cni_passport}}" class="form-control" >
                    </div>
                    <div class="form-group form-float">                        
                        <label for="user">NIF</label>
                        <input type="text" name="nif" value="{{$us->identification_fiscal}}" class="form-control" >
                    </div>
                    <div class="form-group form-float">                        
                        <label for="user">Nom Sociale</label>
                        <input type="text" name="name" value="{{$us->name}}" class="form-control" required>
                    </div>
                    <div class="form-group form-float">                        
                        <label for="user">Téléphone</label>
                        <input type="text" name="phone" class="form-control" value="{{$us->telephone}}" >
                    </div>
                    <div class="form-group form-float">                        
                        <label for="user">Email</label>
                        <input type="text" name="email" class="form-control" value="{{$us->email}}" required>
                    </div>
                    <div class="form-group form-float">                        
                        <label for="user">Résidence Actuel</label>
                        <input type="text" name="residence" value="{{$us->residence_actuel}}" class="form-control" value="" required>
                    </div>

                     <div class="form-group form-float">                        
                        <label>Assujettissement </label>
                        <select name="id_assujetti" class="form-control show-tick ms select2" required data-placeholder="Selectionner s'il est assujetti à la TVA">
                            <option ></option>
                            <option value="1">Assujetti</option> 
                            <option value="2">Non Assujetti</option>
                        </select>
                    </div>
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-default btn-round waves-effect">Mise à jour</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Fermer</button>
            </div>
        </form>
        </div>
    </div>
</div> 

  @endforeach                                            
</table>
 </div>
 </div>
 </div>
 </div>
</div>

<!-- Modal ajout -->
<div class="modal fade" id="ModalAjoutClient" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Ajouter un Client</h4>
            </div>
        <form id="form_validation" method="POST" action="/save_user">
            <div class="modal-body"> 
                    {{ csrf_field() }}
                    <div class="form-group form-float">                        
                        <label for="user">Nom et Prenom</label>
                        <input type="text" name="name" placeholder="Nom et prenom ici" class="form-control" required>
                    </div>
                    <div class="form-group form-float">                        
                        <label for="user">Email</label>
                        <input type="email" name="email" placeholder="Email ici" class="form-control" value="@gmail.com" required>
                    </div>
                    <div class="form-group form-float">                        
                        <label for="user">Password</label>
                        <input type="password" name="password" placeholder="password ici" class="form-control" required>
                    </div>
                    <div class="form-group form-float">
                        <h4>Selectionner les roles</h4>
                    </div>    
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-default btn-round waves-effect">Enregistrer</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Fermer</button>
            </div>
        </form>
        </div>
    </div>
</div>

@endsection

@section('page-script')


@stop