@section('content')


    <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{__('general.store_name')}}</a></li>
                        <li class="breadcrumb-item"><a href="{{route('admin.products')}}">Produits</a></li>
                        <li class="breadcrumb-item active">Details</li>
                    </ol>
                </div>
                <h4 class="page-title">Detail des produits</h4>
            </div>
        </div>
    </div>
    <!-- end page title -->


    <div class="row">
        <div class="col-12">
            <div class="card-box">
                <div class="row">
                    <div class="col-xl-5">

                        <div class="tab-content pt-0">
                            <div class="tab-pane active show" id="product-1-item">
                                <img src="{{asset($product->default_image_url)}}" alt="" class="img-fluid mx-auto d-block rounded">
                            </div>

                        </div>


                    </div> <!-- end col -->
                    <div class="col-xl-7">
                        <div class="pl-xl-3 mt-3 mt-xl-0">
                            <a href="#" class="text-primary"> {{$product->barcode}}</a>
                            <h4 class="mb-3">{{$product->name}}</h4>
                            <h4 class="mb-4">Prix : <b>{{$product->detail}} TND</b></h4>
                            <h4><span class="badge bg-soft-success text-success mb-4">Stock</span></h4>
                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th>Store</th>
                                    <th width="200px">Quantité</th>
                                    {{--                                <th>P.Détail</th>--}}
                                    {{--                                <th>P.Semi-Gros</th>--}}
                                    {{--                                <th>P.Gros</th>--}}
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($stores as $store)
                                    @if(!auth()->user()->can('Qté Dépôt') && $store->id==1)

                                    @else
                                        <tr>
                                            <td>
                                                {{$store->name}}

                                            </td>
                                            <td>

                                                {{$stores_details->where('id',$store->id)->first()->quantity??0}}
                                            </td>
                                            {{--                                    <td>--}}
                                            {{--                                        <input type="hidden" name="price_id[]" value="{{$stores_details->where('id',$store->id)->first()->price_id??0}}">--}}
                                            {{--                                        <input type="number" step="0.001" class="form-control" value="{{$stores_details->where('id',$store->id)->first()->selling1??0}}" name="selling1[]">--}}
                                            {{--                                    </td>--}}
                                            {{--                                    <td>--}}
                                            {{--                                        <input type="number" step="0.001" class="form-control" value="{{$stores_details->where('id',$store->id)->first()->selling2??0}}" name="selling2[]">--}}
                                            {{--                                    </td>--}}
                                            {{--                                    <td>--}}
                                            {{--                                        <input type="number" step="0.001" class="form-control" value="{{$stores_details->where('id',$store->id)->first()->selling3??0}}" name="selling3[]">--}}
                                            {{--                                    </td>--}}
                                        </tr>
                                    @endif
                                @endforeach
                                </tbody>
                            </table>
                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <div>
                                        <p class="text-muted"><i class="mdi mdi-checkbox-marked-circle-outline h6 text-primary mr-2"></i> Marque : {{$product->brand_name}}</p>
                                        <p class="text-muted"><i class="mdi mdi-checkbox-marked-circle-outline h6 text-primary mr-2"></i> Catégorie : {{$product->category_name}}</p>
                                        <p class="text-muted"><i class="mdi mdi-checkbox-marked-circle-outline h6 text-primary mr-2"></i> Goût : {{$product->taste_name}}</p>
                                    </div>
                                </div>

                            </div>



                        </div>
                    </div> <!-- end col -->
                </div>
                <!-- end row -->


            </div> <!-- end card-->
        </div> <!-- end col-->
        <div class="col-md-12">
            <div class="card">
                <div class="col-md-12">
                    <h3>Historique de vente</h3>
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th>Quantité</th>
                            <th>Date</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($ventes as $mvt)
                            <tr>
                                <th>{{$mvt->product_quantity}}</th>
                                <th>{{$mvt->created_at}}</th>
                            </tr>
                        @endforeach
                        </tbody>

                    </table>
                </div>
                <div class="col-md-12">
                    <h3>Historique d'achat</h3>
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th>Quantité</th>
                            <th>Date</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($achats as $mvt)
                            <tr>
                                <th>{{$mvt->product_quantity}}</th>
                                <th>{{$mvt->created_at}}</th>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="col-md-12">
                    <h3>Historique de transfert</h3>
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th>Quantité</th>
                            <th>Date</th>
                            <th>De</th>
                            <th>A</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($mvts as $mvt)
                            <tr>
                                <th>{{$mvt->product_quantity}}</th>
                                <th>{{$mvt->created_at}}</th>
                                <th>{{$mvt->from}}</th>
                                <th>{{$mvt->to}}</th>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!-- end row-->




@stop
@include('admin.header')
@include('admin.topbar')
@include('admin.sidebar')
@include('admin.footer')

@yield('header')
{{--_____________________________________--}}
{{--_____________________________________--}}
{{--_____________________________________--}}
<!-- third party css -->
<link href="{{URL::asset('assets/libs/datatables/dataTables.bootstrap4.css')}}" rel="stylesheet" type="text/css"/>
<link href="{{URL::asset('assets/libs/datatables/responsive.bootstrap4.css')}}" rel="stylesheet" type="text/css"/>
<link href="{{URL::asset('assets/libs/datatables/buttons.bootstrap4.css')}}" rel="stylesheet" type="text/css"/>
<link href="{{URL::asset('assets/libs/datatables/select.bootstrap4.css')}}" rel="stylesheet" type="text/css"/>
<link href="{{URL::asset('assets/libs/sweetalert2/sweetalert2.min.css')}}" rel="stylesheet" type="text/css"/>
<link href="{{URL::asset('assets/libs/flatpickr/flatpickr.min.css')}}" rel="stylesheet" type="text/css"/>
<!-- third party css end -->
<!-- Plugins css -->
<!-- Plugins css -->

<link href="{{URL::asset('assets/libs/select2/select2.min.css')}}" rel="stylesheet" type="text/css"/>
<style>
    .dt-buttons {
        float: right;
    }

    .dataTables_filter {
        text-align: center !important;
    }
</style>
{{--_____________________________________--}}
{{--_____________________________________--}}
{{--_____________________________________--}}
@yield('topbar')
@yield('sidebar')
@yield('content')
@yield('footer')
{{--_____________________________________--}}
{{--_____________________________________--}}
{{--_____________________________________--}}
<!-- third party js -->
<script src="{{URL::asset('assets/libs/select2/select2.min.js')}}"></script>
<script src="{{URL::asset('assets/libs/datatables/jquery.dataTables.js')}}"></script>
<script src="{{URL::asset('assets/libs/datatables/dataTables.bootstrap4.js')}}"></script>
<script src="{{URL::asset('assets/libs/datatables/dataTables.responsive.min.js')}}"></script>
<script src="{{URL::asset('assets/libs/datatables/responsive.bootstrap4.min.js')}}"></script>
<script src="{{URL::asset('assets/libs/datatables/dataTables.buttons.min.js')}}"></script>
<script src="{{URL::asset('assets/libs/datatables/buttons.bootstrap4.min.js')}}"></script>
<script src="{{URL::asset('assets/libs/datatables/buttons.html5.min.js')}}"></script>
<script src="{{URL::asset('assets/libs/datatables/buttons.flash.min.js')}}"></script>
<script src="{{URL::asset('assets/libs/datatables/buttons.print.min.js')}}"></script>
<script src="{{URL::asset('assets/libs/datatables/dataTables.keyTable.min.js')}}"></script>
<script src="{{URL::asset('assets/libs/datatables/dataTables.select.min.js')}}"></script>
<script src="{{URL::asset('assets/libs/pdfmake/pdfmake.min.js')}}"></script>
<script src="{{URL::asset('assets/libs/pdfmake/vfs_fonts.js')}}"></script>
<script src="{{URL::asset('assets/libs/sweetalert2/sweetalert2.min.js')}}"></script>
<script src="{{URL::asset('assets/libs/flatpickr/flatpickr.min.js')}}"></script>
<script src="{{URL::asset('assets/libs/bootstrap-maxlength/bootstrap-maxlength.min.js')}}"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js" type="text/javascript"></script>



<!-- third party js ends -->
<!-- Datatables init -->
<script>
    $('table').DataTable({
        aLengthMenu: [
            [ 10, 25, 50, 100, 200, -1],
            [ 10, 25, 50, 100, 200, "All"]
        ],
        dom: 'Blfrtip',
        responsive: false,
        paging: true,
        "bInfo" : false
    });
    $('body').on('click', '.main_select', function (e) {
        var check = $('.orders_tbl').find('tbody > tr > td:first-child .order_check');
        if ($('.main_select').prop("checked") == true) {
            $('.orders_tbl').find('tbody > tr > td:first-child .order_check').prop('checked', true);
        } else {
            $('.orders_tbl').find('tbody > tr > td:first-child .order_check').prop('checked', false);
        }

        $('.orders_tbl').find('tbody > tr > td:first-child .order_check').val();
    });
    $('.check').click(function () {

        var firstInput = $(this).find('input')[0];
        firstInput.checked = !firstInput.checked;
    });


    $(document).on("click", ".delete", function (e) {
        e.preventDefault();
        var Form = $(this).parents('form:first')[0];
        var formData = new FormData(Form);
        swal({
            title: 'Are you sure?',
            text: "You won't be able to revert this!",
            type: 'warning',
            showCancelButton: true,
            confirmButtonClass: 'btn btn-confirm mt-2',
            cancelButtonClass: 'btn btn-cancel ml-2 mt-2',
            confirmButtonText: 'Yes, delete it!'
        }).then(function (result) {
            if (result.value==true) {
                $.ajax({
                    type: 'post',
                    url: "/admin/orders/delete/" + $('.delete').attr('deleteid'),
                    headers: {
                        'X-CSRF-TOKEN': '{{csrf_token()}}'
                    },
                    data: formData,
                    processData: false,
                    contentType: false,
                    cache: false,
                    success: function (data) {
                        if (data == 'success') {
                            swal({
                                    title: 'Success !',
                                    text: "Order created successfully !",
                                    type: 'success',
                                    confirmButtonClass: 'btn btn-confirm mt-2'
                                }
                            );
                            window.location.replace('{{route('admin.orders')}}');
                        } else {
                            swal({
                                    title: 'Not Deleted !',
                                    text: "Order has not been deleted",
                                    type: 'info',
                                    confirmButtonClass: 'btn btn-confirm mt-2'
                                }
                            )
                        }
                    }, error: function (reject) {
                        swal({
                                title: 'Not Deleted !',
                                text: "Order has not been deleted",
                                type: 'info',
                                confirmButtonClass: 'btn btn-confirm mt-2'
                            }
                        )
                    }
                });
            }
        })
    });
</script>


{{--ticket--}}
<script>

    $('input[type=radio][name=Type]').change(function () {
        if (this.value == 'price') {
            $('.ticket').hide();
            $('.ticket input').prop('required', false);
            $('.price').show();
            $('.price input').prop('required', true);
        } else if (this.value == 'receiver') {
            $('.ticket').hide();
            $('.ticket input').prop('required', false);
            $('.receiver').show();
            $('.receiver input').prop('required', true);
        } else if (this.value == 'description') {
            $('.ticket').hide();
            $('.ticket input').prop('required', false);
            $('.description').show();
            $('.description input').prop('required', true);
        } else if (this.value == 'cancel') {
            $('.ticket').hide();
            $('.ticket input').prop('required', false);
        }
    });
    $('.ticket_btn').click(function () {
        $('.ticket').hide();
        $('#ticket_form')[0].reset();
        $('#order_id').val($(this).attr('order_id'));
    });




    $('.tracking_btn').click(function () {
        $('#tracking_timeline').html('');
        var order_id = $(this).attr('order_id');

        $.ajax({
            type: 'POST',
            url: "trackings/show/"+order_id ,
            headers: {
                'X-CSRF-TOKEN': '{{csrf_token()}}'
            },
            data: {order_id:order_id},
            processData: false,
            contentType: false,
            cache: false,
            success: function (data) {
                var html='';
                $('#SName').html(data.SName);
                $('#SNumber').html(data.SNumber);
                $('#SAddress').html(data.SAddress);
                $('#RName').html(data.RName);
                $('#RNumber').html(data.RNumber1);
                $('#RAddress').html(data.RAddress);
                $('.tracking_barcode').html(data.tracking_barcode);
                if(data.tracking.length != 0){
                    for(var key in data.tracking) {
                        var value = data.tracking[key];
                        //html+='<div>'+key+':'+value+'</div>'
                        if(key%2==0){
                            html+='<article class="timeline-item">';
                        }else{
                            html+='<article class="timeline-item timeline-item-left">';
                        }
                        html+='    <div class="timeline-desk">\n' +
                            '          <div class="timeline-box">';
                        if(key%2==0){
                            html+='         <span class="arrow"></span>\n' ;
                        }else{
                            html+='          <span class="arrow-alt"></span>\n' ;
                        }
                        html+='              <span class="timeline-icon"><i class="mdi mdi-adjust"></i></span>\n' +
                            '                <h4 class="mt-0 font-16">'+value['created_at']+'</h4>\n' +
                            '\n' +
                            '                <p class="mb-0">'+value['Status']+' </p>\n' +
                            '             </div>\n' +
                            '          </div>\n' +
                            '      </article>';
                    }
                }
                $('#tracking_timeline').html(html);
              
            }, error: function (reject) {
                $('.is-invalid').removeClass('is-invalid');
                swal({
                    title: "Fail!",
                    text: "Please follow the instructions",
                    type: "error",
                    confirmButtonClass: "btn btn-confirm mt-2"
                });

            }
        });
    });
</script>
{{--ticket--}}
<script>
    var mydata = [];
    $('body').on('click', '.print_invoice', function (e) {
        var mydata = [];
        e.preventDefault();
        $('.orders_tbl > tbody  > tr').each(function () {
            var checkbox = $(this).find('td:first-child .order_check');
            if (checkbox.prop("checked") == true) {
                var order_id = $(checkbox).data('id');
                mydata.push(order_id);
            }
        });
        var order_data = mydata.join(',');

        $('#print_data').val(order_data);
        $('#bulk_submit').submit();
    })
</script>
<script>
    $(".datepicker").flatpickr({mode: "range"});
    $(".numeric").maxlength({

        warningClass: "badge badge-success",
        limitReachedClass: "badge badge-danger"
    })
</script>
{{--_____________________________________--}}
{{--_____________________________________--}}
{{--_____________________________________--}}

@include('admin.end')