@extends('mattine.layouts.app')

@section('content')
<!-- ============================================================== -->
<!-- main wrapper -->
<!-- ============================================================== -->


<div class="dashboard-main-wrapper">
    <div class="container-fluid dashboard-content">


        <div class="row justify-content-md-center">
       
            <div class="col-xl-10 col-lg-10 col-md-10 col-sm-10 col-10">
                <div class="card">
                    <h4 class="card-header text-primary">Liste des details ventes</h4>
                    <div class="card-body p-0">
                        <div class="row text-center">
                            <div class="col-6">
                                <h5 class="text-primary">
                                    <span class="text-dark">N° Document : </span> {{ $sortiestock->numdocument }}
                                </h5>  
                            </div>
                            <div class="col-6">
                                <h5 class="text-primary">
                                    <span class="text-dark">Type : </span> {{ $sortiestock->type }}
                                </h5>  
                            </div>
                        </div>
                        <div class="table-responsive">
                            <table class="table">

                                <thead class="bg-light">
                                    <tr class="border-0">
                                        <th class="border-0">Article</th>
                                        <th class="border-0">Numéro Bon Reception</th>
                                        <th class="border-0">Quantite</th>
                                        <th class="border-0">Remise</th>
                                        <th class="border-0">TVA</th>
                                        <th class="border-0">PrixTTC</th>
                                    </tr>
                                </thead>
                                <tbody>

                                    @foreach($ventes as $item)
                                    <tr class="@if($item->Matricule=='deleted') bg-danger-light @endif">
                                        <td> {{ $item->Matricule }}</td>
                                        <td> {{ isset($item->numBonReception) ? $item->numBonReception : 'AUCUNE' }}</td>
                                        <td> {{ $item->Quantite }} </td>
                                        <td> {{ $item->Remise }} </td>
                                        <td> {{ $item->TVA }} </td>
                                        <td> {{ $item->PrixTTC }} </td>
                                    </tr>
                                    @endforeach
                                    <tr>
                                        <td colspan="9">
                                            <a href="{{ route('ventes.index', $store) }}" class="btn btn-outline-light float-right">Back</a>
                                        </td>
                                    </tr>

                                </tbody>
                            </table>
                            <div class="card-footer">
                                {{ $ventes->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>


        </div>
    </div>
</div>


</div>


@endsection

@section('javascript')
<script type="text/javascript">
    $(".detailsVente").click(function () {
        $("#myModalDetails").modal('show');
    });

//
//    $(".editCat").on('click', function () {
//        cat_id = $(this).val();
//        designation = $(this).parent().prev().prev().prev().prev().text();
//        //alert(designation);
//        subcat = $(this).parent().prev().prev().prev().prev().find("input").val();
//        nom=$(this).parent().prev().prev().prev().prev().prev().text();
//        matricule=$(this).parent().prev().prev().prev().prev().prev().prev().text().trim();
//        information=$(this).parent().prev().prev().prev().prev().prev().prev().find("input").val();
//        //alert(matricule);
//        $("#myModal").find("#nom").val(nom);
//        $("#myModal").find("#subcategory").val(subcat);
//        $("#myModal").find("#matricule").val(matricule);
//        $("#myModal").find("#information").val(information);
//        $("#myModal").modal('show');
//        $("#form-edit-article").attr('action', "{{ url('stores/'.$store.'/articles/edit/') }}/" + cat_id);
//
//    });
//
//
//    //todo get details of each row of item 3:)
//    $(".detailsArticle").on('click',function(){
//        article_id=$(this).val();
//                 $.ajax({
//            type: "POST",
//            data: {'id': article_id},
//            url: "{{route('articles.show',['store'=>$store])}}",
//            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
//            success: function (data) {
//
//               $('#myModalDetails').find(".modal-body").html(data);
//               $('#myModalDetails').modal('show');
//
//            },
//    });
//    });
//
//    $("#txtch").keyup(function () {
//        txtch = $(this).val();
//        $.ajax({
//            type: "POST",
//            data: {'txtch': txtch},
//            url: "{{route('articles.search',['store'=>$store])}}",
//            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
//            success: function (data) {
//
//                  $('tbody').html(data);
//
//
//
//            },
//        });
//    });
//    
//    
//    $("#filterByCategorie").change(function(){
//        txtch=$(this).val();
//                $.ajax({
//            type: "POST",
//            data: {'cat': txtch},
//            url: "{{route('articles.search',['store'=>$store])}}",
//            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
//            success: function (data) {
//
//                  $('tbody').html(data);
//
//
//
//            },
//        });
//    });
</script>
@endsection