@extends('front.layout.master')
@push('css')
    <style>
        /* Customize the label (the container) */
        .containerr {
            display: block;
            position: relative;
            padding-left: 35px;
            margin-bottom: 12px;
            cursor: pointer;
            font-size: 22px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        /* Hide the browser's default radio button */
        .containerr input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

        /* Create a custom radio button */
        .checkmark {
            position: absolute;
            top: 4px;
            left: 0;
            height: 25px;
            width: 25px;
            background-color: #eee;
            border-radius: 50%;
        }

        /* On mouse-over, add a grey background color */
        .containerr:hover input ~ .checkmark {
            background-color: #ccc;
        }

        /* When the radio button is checked, add a blue background */
        .containerr input:checked ~ .checkmark {
            background-color: black;
        }

        /* Create the indicator (the dot/circle - hidden when not checked) */
        .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }

        /* Show the indicator (dot/circle) when checked */
        .containerr input:checked ~ .checkmark:after {
            display: block;
        }

        /* Style the indicator (dot/circle) */
        .containerr .checkmark:after {
            top: 9px;
            left: 9px;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: white;
        }

        .car_data img {
            display: inline;
            margin-bottom: 0px;
        }
        .some_data {
            padding: 5%;
            background: #fff;
            border: solid #0000001a;
            border-radius: 10px;
        }

        .car_data .some_data input, .car_data .some_data select, .some_data input, .some_data select {
            border: 1px solid #27350c61;
            border-radius: 10px;
            height: 50px;
        }

        .checkbox {
            padding: 3px;
            /*border-radius: 10px;*/
        }
        .checkbox span {
            font-size: 14px;

        }

        .checkbox, .radio {
            margin-bottom: 0px;
            padding: 4px;
            margin-top: 19px;

        }
        .choose_meal {
            background:#fff;
            border: 1px solid #ddd;
            border-radius: 10px;
            padding-top: 2px !important;
            padding-bottom: 2px !important;
        }
        .list-unstyled{
            width: 95%;
            padding-right: 13px;
        }



    </style>
    @endpush
@section('track')
    <!-- Facebook Pixel Code -->
    <script>
        !function(f,b,e,v,n,t,s)
        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
            n.callMethod.apply(n,arguments):n.queue.push(arguments)};
            if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
            n.queue=[];t=b.createElement(e);t.async=!0;
            t.src=v;s=b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t,s)}(window, document,'script',
            'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '879633802792999');
        fbq('track', 'PageView');
               fbq('track', 'AddToCart');
    </script>
    <noscript><img height="1" width="1" style="display:none"
                   src="https://www.facebook.com/tr?id=879633802792999&ev=PageView&noscript=1"
        /></noscript>
    <!-- End Facebook Pixel Code -->
@endsection
@section('content')
   
<div id="emptyCart" style="display: none">

    <div class="breadcrumb-area gray-bg">
        <div class="container">
            <div class="breadcrumb-content">
                <ul>
                    <li><a href="{{route('main')}}">@lang('front.main')</a></li>
                    <li class="active">@lang('front.shoppingCart')</li>
                </ul>
            </div>
        </div>
    </div>

    <div class="empty-cart pt-95 pb-50">
        <div class="container">
            <div class="row">

                <div class="col-md-6 col-12 text-empty">
                    <h4>@lang('front.CartEmpty')</h4>
                    <div class="button-box">
                        <a href="{{route('main')}}" class="btn"><span>@lang('admin.ShoppingNow')</span></a>

                        {{--                        <button type="submit"><span>تسوق الان</span></button>--}}
                    </div>

                </div>

                <div class="col-md-6 col-12">
                    <img src="{{asset('front/assets/images/icon/c1.png')}}" class="w-60 imgEmptyCart">
                </div>






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

</div>


    <div class="container" id="cartFounded">

        <div class="row" id="cartNew">


     @include('front.cart.cart')
{{--@dd($data)--}}

        </div>
    </div>



<div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content" id="append_details">

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


{{--    <div class="modal fade freeGift-modal" tabindex="-1" role="dialog" aria-labelledby="modalfreeGift" aria-hidden="true">--}}
{{--        <div class="modal-dialog modal-lg">--}}
{{--            <div class="modal-content cover-modal">--}}
{{--                <div class="modal-header">--}}
{{--                    <h5 class="modal-title" id="modalfreeGift"><img src="assets/images/icon/gift%20(4).png">اختر منتجك المجاني</h5>--}}

{{--                </div>--}}
{{--                <form>--}}
{{--                    <div class="row Free-gift">--}}
{{--                        <div class="col-md-3 col-6">--}}
{{--                            <img src="assets/images/products/f7.jpg">--}}
{{--                            <input type="radio" value="Free" name="Free-gift">--}}
{{--                        </div>--}}
{{--                        <div class="col-md-3 col-6">--}}
{{--                            <img src="assets/images/products/f8.jpg">--}}
{{--                            <input type="radio" value="Free" name="Free-gift">--}}
{{--                        </div>--}}
{{--                        <div class="col-md-3 col-6">--}}
{{--                            <img src="assets/images/products/f10.jpg">--}}
{{--                            <input type="radio" value="Free" name="Free-gift">--}}
{{--                        </div>--}}
{{--                        <div class="col-md-3 col-6">--}}
{{--                            <img src="assets/images/products/f1.jpg">--}}
{{--                            <input type="radio" value="Free" name="Free-gift">--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </form>--}}
{{--                <br>--}}
{{--                <div class="modal-header">--}}
{{--                    <h5 class="modal-title" id="modalfreeGift"><img src="assets/images/icon/gift%20(4).png">اختر منتجك المجاني</h5>--}}

{{--                </div>--}}
{{--                <form>--}}

{{--                    <div class="row Free-gift">--}}
{{--                        <div class="col-md-3 col-6">--}}
{{--                            <img src="assets/images/products/p7.jpg">--}}
{{--                            <input type="radio" value="Free" name="Free-gift">--}}
{{--                        </div>--}}
{{--                        <div class="col-md-3 col-6">--}}
{{--                            <img src="assets/images/products/p8.jpg">--}}
{{--                            <input type="radio" value="Free" name="Free-gift">--}}
{{--                        </div>--}}
{{--                        <div class="col-md-3 col-6">--}}
{{--                            <img src="assets/images/products/p3.jpg">--}}
{{--                            <input type="radio" value="Free" name="Free-gift">--}}
{{--                        </div>--}}
{{--                        <div class="col-md-3 col-6">--}}
{{--                            <img src="assets/images/products/p1.jpg">--}}
{{--                            <input type="radio" value="Free" name="Free-gift">--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </form>--}}
{{--                <button type="submit" class="btn btn-submit">موافق </button>--}}

{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}




{{--    <div class="modal fade bd-modal-lg" tabindex="-1" role="dialog" aria-labelledby="modalCoverMotned" aria-hidden="true">--}}
{{--        <div class="modal-dialog modal-lg">--}}
{{--            <div class="modal-content cover-modal">--}}
{{--                <div class="modal-header">--}}
{{--                    <h5 class="modal-title" id="modalCoverMotned"><img src="assets/images/icon/heart.png">اختر طريقة التغليف</h5>--}}

{{--                </div>--}}
{{--                <form>--}}
{{--                    <div class="row Free-gift">--}}
{{--                        <div class="col-md-3 col-6">--}}
{{--                            <img src="assets/images/products/p10.jpg">--}}
{{--                            <input type="radio" value="Free" name="Free-gift">--}}
{{--                        </div>--}}
{{--                        <div class="col-md-3 col-6">--}}
{{--                            <img src="assets/images/products/p10.jpg">--}}
{{--                            <input type="radio" value="Free" name="Free-gift">--}}
{{--                        </div>--}}
{{--                        <div class="col-md-3 col-6">--}}
{{--                            <img src="assets/images/products/p10.jpg">--}}
{{--                            <input type="radio" value="Free" name="Free-gift">--}}
{{--                        </div>--}}
{{--                        <div class="col-md-3 col-6">--}}
{{--                            <img src="assets/images/products/p10.jpg">--}}
{{--                            <input type="radio" value="Free" name="Free-gift">--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                    <button type="submit" class="btn btn-submit">موافق </button>--}}
{{--                </form>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
    @endsection