@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>

<a href="{{ route('admin.commande_client.index') }}"> Retour à la liste </a>
<div class="row">	
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body border-0 bg-light">
                <h3> Action Rapide </h3> 
            </div>
            <div class="card-body pb-3 transaction-details d-flex flex-wrap justify-content-between align-items-center">
                <a class="btn btn-primary m-2" type="button" data-bs-toggle="modal" data-bs-target="#date-livraison"><i class="uil-schedule"></i> Choisir une date de livraison</a>
                    @if($commande->fk_statut != 3)
                        <form style="margin: 15px;" action="{{ route('admin.commande_client.livrer') }}" method="POST">
                            @csrf     
                            <input type="hidden" name="id" value="{{ $commande->rowid }}" /> 
                            <input type="hidden" name="livrer" value="3" /> 
                            <input type="submit" class="btn btn-primary" value="Classer Expédié(e)" />       
                        </form>
                    @endif 

                    @if($commande->fk_statut == 3)
                        <form style="margin: 15px;" action="{{ route('admin.commande_client.livrer') }}" method="POST">
                            @csrf    
                            <input type="hidden" name="id" value="{{ $commande->rowid }}" />
                            <input type="hidden" name="livrer" value="1" /> 
                            <input type="submit" class="btn btn-primary" value="Classer Non Expédié(e)" />
                        </form>
                    @endif 
                    <!--
                            <a href="javascript:void(0);" class="btn btn-primary m-2"><i class="mdi mdi-data-matrix"></i> Scanner les documents</a>
                            <a href="javascript:void(0);" class="btn btn-primary m-2"><i class="uil-file"></i> Voire les documents</a>
                            <a href="javascript:void(0);" class="btn btn-primary m-2"><i class="uil-cog scale-5"></i> Créer un S.A.V</a>
-->
            </div>
        </div>
    </div>
      <!-- Profile -->
        <div class="card bg-primary">
            <div class="card-body profile-user-box">
                <div class="row">
                    <div class="col-sm-8">
                        <div class="row align-items-center">
                            <div class="col-auto">
                                <div class="avatar-lg">
                                    <img src="/img/client.webp" alt="" class="rounded-circle img-thumbnail">
                                </div>
                            </div>
                            <div class="col">
                                <div>
                                    <h4 class="mt-1 mb-1 text-white">{{$commande->societe->nom ?? '' }}</h4>
                                    <p class="font-13 text-white-50"> Client</p>

                                    <ul class="mb-0 list-inline text-light">
                                        <li class="list-inline-item" style="margin-right: 30px;">
                                            <h5 class="mb-1">{{ $commande->societe->address ?? '' }}</h5>
                                            <p class="mb-0 font-13 text-white-50">Adresse</p>
                                        </li>
                                        <li class="list-inline-item">
                                            <h5 class="mb-1">{{ $commande->societe->phone ?? ''}}</h5>
                                            <p class="mb-0 font-13 text-white-50">Téléphone</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div> <!-- end col-->

                    <div class="col-sm-4">
                        <div class="text-center mt-sm-0 mt-3 text-sm-end">
                            <button type="button" data-bs-toggle="modal" data-bs-target="#modifier-client" class="btn btn-light" 
                                data-client_id="{{ $commande->societe->rowid }}"
                                data-client_nom_val="{{ $commande->societe->nom }}"
                                data-client_email_val="{{ $commande->societe->email }}"
                                data-client_adresse_val="{{ $commande->societe->address}}"
                                data-client_telephone_val="{{ $commande->societe->phone }}"
                                data-client_numcompt_val="{{ $commande->societe->numcompt }}"
                                data-client_gestcompt_val="{{ $commande->societe->gestcompt }}"
                               
                            >
                                <i class="mdi mdi-account-edit me-1"></i> Modifier 
                            </button>
                        </div>
                    </div> <!-- end col-->
                </div> <!-- end row -->

            </div> <!-- end card-body/ profile-user-box-->
        </div><!--end profile/ card -->
    <div class="col-xl-3 col-xxl-3 col-lg-3 col-sm-3">
        <div class="widget-stat card">
            <div class="card-body p-4">
                <div class="media ai-icon  justify-content-center">
                    <span class="me-3 bgl-primary text-primary">
                            <i class="uil-truck" style="font-size: 30px;"></i> 
                    </span>
                    <div class="media-body">
                        <p class="mb-1">Livraison</p>
                        @if($commande->fk_statut)
                            @if($commande->fk_statut == 1)
                                <span class="badge bg-danger">Non</span>
                            @elseif($commande->fk_statut == 2 || $commande->fk_statut == 1)
                                <span class="badge bg-success">Oui</span>
                            @endif 
                        @endif 
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-xxl-3 col-lg-3 col-sm-3">
        <div class="widget-stat card">
            <div class="card-body p-4">
                <div class="media ai-icon">
                    <span class="me-3 bgl-warning text-warning">
                        <i class="uil-truck" style="font-size: 30px;"></i>
                    </span>
                    <div class="media-body">
                        <p class="mb-1">Expédition</p>
                        @if($commande->fk_statut == 1)
                            <span class="badge bg-danger">Non</span>
                        @elseif($commande->fk_statut == 2)
                            <span class="badge bg-success">En Cours</span>
                        @elseif($commande->fk_statut == 3)
                            <span class="badge bg-success">Oui</span>
                        @endif 
                    </div>
                </div>
            </div>
        </div> 
    </div>
    <div class="col-xl-3 col-xxl-3 col-lg-3 col-sm-3">
        <div class="widget-stat card">
            <div class="card-body  p-4">
                <div class="media ai-icon">
                    <span class="me-3 bgl-danger text-danger">
                        <i class="uil-building" style="font-size: 30px;"></i>
                    </span>
                    <div class="media-body">
                        <p class="mb-1">Avis Banque</p>
                        @if(!empty($commande->commandeextra['avis_banque']))
                            @if($commande->commandeextra['avis_banque'] == 1)
                                <span class="badge bg-warning">En Cours</span>
                            @elseif($commande->commandeextra['avis_banque'] == 2)
                                <span class="badge bg-success">Oui</span>
                            @elseif($commande->commandeextra['avis_banque'] == 3)
                                <span class="badge bg-danger">Rejeté</span>
                            @elseif($commande->commandeextra['avis_banque'] == 4)
                                <span class="badge bg-secondary">Non Souscrit</span>
                            @elseif($commande->commandeextra['avis_banque'] == 5)
                                <span class="badge bg-primary">EMC-LIBRE</span>
                            @elseif($commande->commandeextra['avis_banque'] == 6)
                                <span class="badge bg-warning">Détournement d'objectif</span>
                            @endif 
                        @endif 
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-xxl-3 col-lg-3 col-sm-3">
        <div class="widget-stat card">
            <div class="card-body p-4">
                <div class="media ai-icon">
                    <span class="me-3 bgl-success text-success">
                        <i class="uil-money-stack" style="font-size: 30px;"></i>
                    </span>
                    <div class="media-body">
                        <p class="mb-1">Montant Commande</p>
                        <span class="badge bg-primary" style="font-size: 16px;"> {{ number_format($commande->total_ttc, 0, '', ' ') ?? ''}} FCFA </span> 
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-xl-12">
        <div class="card">
            <div class="card-body pb-3">
                <div class="row align-items-center">
                    <div class="col-xl-4 mb-1">
                        <p class="mb-2">Réf. Commande</p>
                        <h2 class="mb-0">#{{ $commande->ref ?? '' }} </h2>
                    </div>
                    <div class="col-xl-8 d-flex flex-wrap justify-content-between align-items-center">
                        <div class="d-flex me-3 mb-3 ms-2 align-items-start">
                            <i class="fa fa-phone scale-2 me-4 mt-2"></i>
                            <div>
                                <p class="mb-2">Date Commande</p>
                                <h4 class="mb-0">{{ Carbon\Carbon::parse($commande->date_commande)->format('d/m/Y') ?? '' }} </h4>
                            </div>
                        </div>
                        <div class="d-flex me-3 mb-3 ms-2 align-items-start">
                            <i class="fa fa-envelope scale-2 me-4 mt-2"></i>
                            <div>
                                <p class="mb-2">Agence</p>
                                <h4 class="mb-0">  
                                    @if($commande->agence)
                                        {{ $commande->agence($commande->agence)->agence ?? ''}}
                                    @endif 
                                </h4>
                            </div>
                        </div>
                        <div class="d-flex mb-3">
                            <a type="button" data-bs-toggle="modal" data-bs-target="#date-validation" class="btn btn-success m-1"><i class="uil-check"></i>Validé</a>
                            <a type="button" data-bs-toggle="modal" data-bs-target="#modifier-commande" class="btn btn-primary m-1"><i class="uil-cog"></i>Modifier</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-body pb-3 transaction-details d-flex flex-wrap justify-content-between align-items-center">
                <div class="user-bx-2 me-3 mb-3">
                    <i class="uil-invoice scale-2 me-4 mt-2 text-primary" style="font-size: 14em;"></i>
                    <br /> 
                    <a type="button" data-bs-toggle="modal" data-bs-target="#nouveau-bl" class="btn btn-secondary  m-1"><i class="uil-notes"></i>Voire le BL</a>
                    <a type="button" data-bs-toggle="modal" data-bs-target="#nouveau-br" class="btn btn-secondary  m-1"><i class="uil-notes"></i>Voire le BR</a>
                            
                </div>
               
                <div class="me-3 mb-3">
                    <p class="mb-2">Date Validation Commande</p>
                    <h4 class="mb-0">{{ $commande->date_validation_banque ?  Carbon\Carbon::parse($commande->date_validation_banque)->format('d/m/Y') : ''}} </h4>
                </div>
                <div class="me-3 mb-3">
                    <p class="mb-2">Echéance</p>
                    <h4 class="mb-0">{{ $commande->echeance ?? '' }} </h4>
                </div>
                <div class="me-3 mb-3">
                    <p class="mb-2">Programme</p>
                    <h4 class="mb-0">EMC</h4>
                </div>
                <div class="amount-bx mb-3">
                    <i class="fas fa-dollar-sign"></i>
                    <div>
                        <p class="mb-1">Montant</p>
                        <h4 class="mb-0">{{ number_format($commande->total_ttc, 0, '', ' ') ?? ''}} FCFA</h4>
                    </div>
                </div>
<!--
                <div class="me-3 mb-3">
                    <p class="mb-2">Statut  </p>
                    
                    <h4 class="mb-0">Non Cloturé </h4>
                </div> -->
            </div>
        
            <div class="card-body pb-3 transaction-details d-flex flex-wrap ">
                <p class="mb-2">Note : </p>
                <br/>
                <h4 class="mb-0">
                    <textarea class="form-control" disabled> {{ $commande->note_public }} </textarea> 
                </h4>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <div class="card-header d-sm-flex d-block border-0 pb-0">
                <div class="me-auto mb-sm-0 mb-4">
                    <h4 class="fs-20 text-black">Produit(s) Commandé(s)</h4>
                </div>
                @if($commande->fk_statut == 0 || $commande->fk_statut == NULL)
                    <a type="button" data-bs-toggle="modal" data-bs-target="#ajouter-produit" class="btn btn-primary btn-rounded btn-md mx-3">+Ajouter un Produit</a>
                @endif 
            </div>
            <div class="table-responsive">
                <table class="table table-hover table-centered mb-0">
                    <thead>
                        <tr>
                            <th>Produit</th>
                            <th>Description</th>
                            <th>Prix</th>
                            <th>Quantité</th>
                            @if($commande->fk_statut == 0 || $commande->fk_statut == NULL )
                                <th>Action</th>
                            @endif 
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($commande->commandedet as $c)
                            <tr>
                                <td>{{ $c->product->label ?? ''}} </td>
                                <td>{{ $c->product->description ?? ''}} </td>
                                <td><span class="badge bg-primary">{{ number_format($c->subprice ?? 0, 0 ,'', ' ') }} </span></td>
                                <td>{{ $c->qty }}</td>
                                @if($commande->fk_statut == 0 || $commande->fk_statut == NULL )
                                    <td>   
                                        <div class="dropdown pb-3">
                                            <a href="javascript:void(0);" class="btn-link" data-bs-toggle="dropdown" aria-expanded="false">
                                                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                                    <path d="M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                                    <path d="M12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                                </svg>
                                            </a>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a class="dropdown-item" href="{{ route('admin.commande_client.modifier_ligne_produit', $c->rowid) }}"
                                    
                                                >Modifier</a>
                                                <form action="{{ route('admin.commande_article_client.destroy', $c->rowid) }}" method="POST" onsubmit="return confirm('Etes-vous sûr de vouloir le supprimer ?');" style="display: inline-block;">
                                                    <input type="hidden" name="_method" value="DELETE" />
                                                    <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                                                    <button type="submit" class="dropdown-item">
                                                        Supprimé
                                                    </button> 
                                                </form>
                                            </div>
                                        </div>
                                    </td>
                                @endif 
                            </tr>
                      
                        @endforeach
                       
                    </tbody>
                </table>
                <tfoot>
                    <div class="mt-2 transaction-details d-flex flex-wrap  align-items-center">
                 
                        @if($commande->fk_statut == 0 || $commande->fk_statut == NULL )
                            <form style="margin: 15px;" action="{{ route('admin.commande_client.valider') }}" method="POST">
                                @csrf
                                <input type="hidden" name="id" value="{{ $commande->rowid }}" />
                                <input type="submit" class="btn btn-success" value="Enregistrer" />
                            </form>
                        @else 
                            <form style="margin: 15px;" action="{{ route('admin.commande_client.brouillon') }}" method="POST">
                                @csrf
                                <input type="hidden" name="id" value="{{ $commande->rowid }}" />
                                <input type="submit" class="btn btn-success" value="Retour en brouillon" />
                            </form>
                        @endif
                       
                        @if($commande->fk_statut != 3)
                            <form style="margin: 15px;" action="{{ route('admin.commande_client.livrer') }}" method="POST">
                                @csrf     
                                <input type="hidden" name="id" value="{{ $commande->rowid }}" /> 
                                <input type="hidden" name="livrer" value="3" /> 
                                <input type="submit" class="btn btn-success" value="Classer Livré" />       
                            </form>
                        @endif 

                        @if($commande->fk_statut == 3)
                            <form style="margin: 15px;" action="{{ route('admin.commande_client.livrer') }}" method="POST">
                                @csrf    
                                <input type="hidden" name="id" value="{{ $commande->rowid }}" />
                                <input type="hidden" name="livrer" value="1" /> 
                                <input type="submit" class="btn btn-success" value="Classer Non Livré" />
                            </form>
                        @endif 
                           
                    </div>
                </tfoot>
            </div> <!-- end table responsive-->
        </div> <!-- end col-->
    </div> <!-- end row-->
    
    
    <div class="card">
        <div class="card-body">
            <div class="card-header d-sm-flex d-block border-0 pb-0">
                <div class="me-auto mb-sm-0 mb-4">
                    <h4 class="fs-20 text-black">Evénement(s)</h4>
                </div>
            </div>
            <div class="table-responsive">
                <table class="table table-hover table-centered mb-0">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Objet</th>
                            <th>Opération</th>
                            <th>Utilisateur</th>
                            <th>Description</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($activites as $a)
                            <tr>
                                <td>{{ $a->date }} </td>
                                <td>{{ $a->objet }} </td>
                                <td><span class="badge bg-primary">{{ $a->operation }} </span></td>
                                <td>{{ App\User::find($a->user_id)->name }}</td>
                                <td>{{ $a->description }}</td>
                            </tr>
                        @endforeach
                       
                    </tbody>
                </table>
            </div> <!-- end table responsive-->
        </div> <!-- end col-->
    </div> <!-- end row-->
    
    @include('admin.commande_client.modal.nouveau-bl')

    @include('admin.commande_client.modal.nouveau-br')
     
    @include('admin.commande_client.modal.ajouter-produit')

    @include('admin.commande_client.modal.modifier-produit')

    @include('admin.commande_client.modal.modifier-commande')

    @include('admin.commande_client.modal.modifier-client')

    @include('admin.commande_client.modal.date-livraison')

    @include('admin.commande_client.modal.date-validation')
</div>


<script>
    $('#select-client').select2({
        dropdownParent: $('#modifier-commande')
    });

    $('#select-agence').select2({
        dropdownParent: $('#modifier-commande')
    });
</script>

<script> 
    function modifierClient(e){
        $('#client_nom').val($(e).data("client_nom_val"));
        $('#client_adresse').val($(e).data("client_adresse_val"));
        $('#client_telephone').val($(e).data("client_telephone_val"));
        $('#client_numcompt').val($(e).data("client_numcompt_val"));
        $('#client_gestcompt').val($(e).data("client_gestcompt_val"));
    }

    function modiferCommandeClient(e){
        $('#client_nom').val($(e).data("client_nom_val"));
        $('#client_telephone').val($(e).data("client_telephone_val"));
        $('#client_adresse').val($(e).data("client_adresse_val"));
    }

    function modiferProduit(e){
        $('#client_nom').val($(e).data("client_nom_val"));
        $('#client_telephone').val($(e).data("client_telephone_val"));
        $('#client_adresse').val($(e).data("client_adresse_val"));
    }

</script> 

@endsection
@section('scripts')

@parent
<script>
    $(function () {
        let dtButtons = $.extend(true, [], $.fn.dataTable.defaults.buttons)
        @can('client_delete')
            let deleteButtonTrans = '{{ trans('global.datatables.delete') }}'
            let deleteButton = {
                text: deleteButtonTrans,
                url: "{{ route('admin.clients.delete') }}",
                className: 'btn-danger',
                action: function (e, dt, node, config) {
                var ids = $.map(dt.rows({ selected: true }).nodes(), function (entry) {
                    return $(entry).data('entry-id')
                });

                if (ids.length === 0) {
                    alert('{{ trans('global.datatables.zero_selected') }}')

                    return
                }

                if (confirm('{{ trans('global.areYouSure') }}')) {
                    $.ajax({
                        headers: {'x-csrf-token': _token},
                        method: 'POST',
                        url: config.url,
                        data: { ids: ids, _method: 'DELETE' }})
                        .done(function () { /*location.reload() */})
                    }
                }
            }
            dtButtons.push(deleteButton)
        @endcan

        $.extend(true, $.fn.dataTable.defaults, {
            order: [[ 1, 'desc' ]],
            pageLength: 100,
        });
/*
        $('.datatable-Client:not(.ajaxTable)').DataTable({ buttons: dtButtons })
            $('a[data-toggle="tab"]').on('shown.bs.tab', function(e){
                $($.fn.dataTable.tables(true)).DataTable()
                    .columns.adjust();
            });*/
    })

    $(".article" ).change(function() {
        $('.prix_select').val($('.article option:selected').text().split('|')[1]);
        $('.quantite').val('1');
    });

</script>
@endsection