@extends('Frontend.Master')
@section('title')
    سبد خرید
@stop
@section('seo_description')
    سبد خرید
@stop
@section('key_words')
@stop
@section('content')
    @php  $cart = session()->get('cart'); $TotalPrice=0;  @endphp
    <div class="w90">
        <div class="cart-shope overhid bagrndcolorw" id="bills">
            @if($data == "nothing")
                <div class="overaute">
                    <a href="{{ url('/') }}">
                        <button type="button" class="btn btn-shope">بازگشت به فروشگاه</button>
                    </a>
                    <div class="clearfix"></div>
                    <div class="form-group col-xs-12 text-center rtl">
                        <p> کالایی در سبد خرید شما نیست </p>
                    </div>
                </div>

            @else
                <div class="overaute">
                    <a href="/">
                        <button type="button" class="btn btn-send">بازگشت و انتخاب محصول</button>
                    </a>
                    <a href="/">
                        <button type="button" class="btn btn-shope">بازگشت به فروشگاه</button>
                    </a>
                    <h2>سبد خرید شما</h2>
                    <table class="tablelistproduct">
                        <thead>
                        <tr>
                            <th>نام کالا</th>
                            <th>کد کالا</th>
                            <th>سایز</th>
                            <th>تعداد</th>
                            <th>قیمت واحد</th>
                            <th>قیمت کل</th>
                            <th>عکس</th>
                            <th>عملیات</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($data as $item)
                            <tr>
                                <td>{{ $item->name }}</td>
                                <td><span class="id-pro">{{ $item->id }}</span></td>
                                <td><span class="id-pro">{{ $item->size }}</span></td>
                                <td><span class="id-pro">
                <select class="Number" name="count['{{$item->IID}}']">
                    {{--- (int)$item->sold;--}}
                    @php  $end = (int)$item->total  @endphp
                    @for($start = 1; $start <= $end; $start++)
                        @php if($start > 20)
                                break;
                        @endphp
                        @if($cart[$item->id.'_'.$item->IID]['count'] == $start )
                            <option value="{{ $start }}" selected>{{ $start }}</option>1
                        @else
                            <option value="{{ $start }}">{{ $start }}</option>1
                        @endif
                    @endfor
                </select>
                </span></td>
                                @php
                                    //if($item->discount != 0)
                                         $discount = $item->discount;
                                     //else
                                         $price = $item->price;
                                         
                                         $TotalPrice += $price-$discount ;
                                @endphp
                                <td><span class="id-pro"><span class="price2">{{ ($price-$discount) }}</span> تومان</span></td>
                                <td><span class="id-pro total">{{ ($price-$discount) }}</span>تومان</td>
                                <td class="img-cart"><img src="{{ "images/185/125" . $item->imageUrl}}"></td>
                                <td>
                                    <button type="button" data-info="{{ $item->id . '_' . $item->IID }}"
                                            class="btn btn-dell btn-del-pro">حذف
                                    </button>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                    <div class="Bill">
                        <h3>صورتحساب </h3>
                        <table>
                            <tbody>
                            <tr>
                                <td class="bagrndcolor">جمع کل</td>
                                <td colspan="9" class="bagrndcolorw"><span class="id-pro" id="totalall">{{ number_format($TotalPrice)}}</span>
                                </td>
                            </tr>
                            <tr>
                                <td class="bagrndcolor">هزینه پست</td>
                                <td class="bagrndcoloreee" colspan="3" id="paymentPost">{{ PP()  }}</td>
                                <td class="bagrndcoloreee"><img src="{{ url('/assets/images/express.png') }}" alt=""></td>
                            </tr>
                            <tr>
                                <td class="bagrndcolor">هزینه قابل پرداخت ( تومان )</td>
                                <td colspan="9" id="paymentProduct"><span class="id-pro">{{ $TotalPrice }} </span></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                @if(!auth()->check())
                    <div class="shope rtl">
                        <div>
                            <!-- Nav tabs -->
                            <div id="send"><span>لطفا روش ثبت اطلاعات را برای تکمیل خرید خودانتخاب نمایید: </span></div>
                            <ul class="nav nav-tabs" role="tablist">
                        
                                <li role="presentation"  class="active"><a href="#profile" aria-controls="profile" role="tab"
                                                           data-toggle="tab"> ثبت اطلاعات با تکمیل فرم </a></li>
                                                                   <li role="presentation" class=""><a href="#home" aria-controls="home" role="tab"
                                                                          data-toggle="tab">ثبت اطلاعات به روش تلفنی</a>
                                </li>
                            </ul>
                            <!-- Tab panes -->
                            <div class="tab-content">
                                @if ($errors->any())
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                                <div role="tabpanel" class="tab-pane " id="home">
                                    <p>در این روش فقط فاکتور خود را به صورت اینترنتی پرداخت می کنید و مشاوران ما
                                        در
                                        ساعات اداری با شما تماس گرفته و اطلاعات شما را جهت ارسال بسته به صورت تلفنی
                                        دریافت
                                        می کنند. </p>
                                    <div class="form-send">
                                        <form action="{{route("before_pay")}}" onSubmit="return Validate()"
                                              method="post">
                                            {{ csrf_field() }}
                                            <input type="hidden" name="type" value="phone">
                                            <div class="rowform">
                                                <label>نام و نام خانوادگی : </label>
                                                <input class="inputbox importInput" placeholder="نام و نام خانوادگی" id="CustomerName"
                                                       name="email">
                                                <span id="tellvall" class="error"></span>
                                            </div>
                                            <div class="rowform">
                                                <label>شماره موبایل :</label>
                                                <input class="inputbox importInput" placeholder="مانند:09151234567" id="tell"
                                                       name="mobile">
                                                <span id="tellvall" class="error"></span>
                                            </div>
                                            <div class="rowform">
                                                <label>شماره تلفن (همراه کد شهر):</label>
                                                <input class="inputbox " placeholder="مانند:051312345678 " id="tel"
                                                       name="phone">
                                                <span id="telvall" class="error"></span>
                                            </div>
                                            <div class="rowform">
                                                <label>کد امنیتی</label>
                                                <div class="capchadiv">
                                                    @captcha
                                                    <input type="text" id="captcha" name="captcha" class="input2 width-93 importInput" required>
                                                </div>
                                                @if ($errors->has('captcha'))
                                                    <span class="help-block"><strong>{{ $errors->first('captcha') }}</strong></span>
                                                @endif
                                            </div>
                                            <button class="btn">ثبت ادامه خرید</button>
                                        </form>
                                    </div>
                                </div>
                                <div role="tabpanel" class="tab-pane active" id="profile">
                                    <p>لطفا اطلاعات خود را جهت خرید و ارسال بسته ثبت نمایید. </p>
                                    <div id="form-senditem" class="form-send">

                                        <form onSubmit="return Validate2()" action="{{route("before_pay")}}"
                                              method="post">
                                            {{ csrf_field() }}
                                            <input type="hidden" name="type" value="full">
                                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 pull-right">
                                                <div class="rowform">
                                                    <label>نام:</label>
                                                    <input class="inputbox importInput" id="name" name="f_name">
                                                    <span id="namevall" class="error"></span>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 pull-right">
                                                <div class="rowform">
                                                    <label>نام خانوادگی</label>
                                                    <input class="inputbox importInput" id="family" name="l_name">
                                                    <span id="familyvall" class="error"></span>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 pull-right">
                                                <div class="rowform">
                                                    <label>شماره موبایل : </label>
                                                    <input class="inputbox importInput" placeholder="مانند:09151234567" id="mobil"
                                                           name="mobile">
                                                    <span id="mobilvall" class="error"></span>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 pull-right">
                                                <div class="rowform">
                                                    <label>شماره تلفن (همراه کد شهر):</label>
                                                    <input class="inputbox importInput" placeholder="مانند:051351234567" id="phone"
                                                           name="tell">
                                                    <span id="phonevall" class="error"></span>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 pull-right">
                                                <div class="rowform">
                                                    <label>استان:</label>
                                                    <select class="inputbox importInput" placeholder="مانند:051351234567" id="state" 
                                                            name="state">
                                                        <option value="0">لطفا استان را انتخاب کنید</option>
                                                        @foreach($states as $s)
                                                            <option value="{{ $s->id }}">{{ $s->name }}</option>
                                                        @endforeach
                                                    </select>
                                                    <span id="cityvall" class="error"></span>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 pull-right">
                                                <div class="rowform">
                                                    <label>شهر:</label>
                                                    <select class="inputbox importInput" placeholder="" id="city" name="city">

                                                    </select>
                                                    <span id="city2vall" class="error"> </span>
                                                </div>

                                            </div>
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 pull-right">
                                                <div class="rowform">
                                                    <label>آدرس دقیق پست</label>
                                                    <textarea class="inputbox importInput" id="post" rows="3"
                                                              name="address"></textarea>
                                                    <span id="postvall" class="error"></span>
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 pull-right">
                                                <div class="rowform">
                                                    <label>کدپستی</label>
                                                    <input class="inputbox" id="codepost" name="p_code">
                                                    <span id="codepostvall" class="error"></span>
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 pull-right">
                                                <div class="rowform">
                                                    <label>توضیحات</label>
                                                    <textarea class="inputbox" id="coment" rows="3"
                                                              name="desc"></textarea>
                                                    <span id="comentvall" class="error"></span>
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                            <div class="rowform">
                                                    <label>کد امنیتی</label>
                                                <div class="capchadiv">
                                                    @captcha
                                                    <input type="text" id="captcha" name="captcha" class="input2 width-93 importInput" required>
                                                    <button class="btn-refresh rc" type="button" ><i class="fa fa-refresh "></i></button>
                                                    </div>
                                                @if ($errors->has('captcha'))
                                                        <span class="help-block"><strong>{{ $errors->first('captcha') }}</strong></span>
                                                    @endif
                                                </div>
                                            </div>
                                            <button type="submit" class="btn">ثبت ادامه خرید</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @else
                    <div class="form-send">
                        <form action="{{route("before_pay")}}" method="post">
                            {{ csrf_field() }}
                            <input type="hidden" name="type" value="registered">
                            <button type="submit" class="btn">ثبت ادامه خرید</button>
                        </form>
                    </div>
                @endif
            @endif
        </div>
    </div>
@stop
@section('script_area')
    <script>
        $(document).on('click', 'button.btn-dell', function () {
            var this_btn = $(this);
            var id = this_btn.attr('data-info');
            var url = "{{ route('remove_pro') }}";
            $.ajax({
                url: url,
                method: 'POST',
                data: {pro_id: id},
                success: function (data) {
                    if (data.status == 'ok') {
                        bn_alert("با موفقیت حذف شد", "پیام !");
                    }
                    else {
                        bn_alert("کالا در سبد شما نیست", "خطا !");
                    }
                },
                error: function (data) {
                    var errors = data.responseJSON.errors;
                    $.each(errors, function (key, value) {
                        alert(value[0]);
                    });
                }
            });

        });
        $(document).on('change', 'select.Number', function () {
            var sel = $(this);
            var sib = sel.parents('td').siblings().find('button.btn-dell').attr('data-info');
            var sel = sel.val();
            var url = "{{ route('count_pro') }}";
            $.ajax({
                url: url,
                method: 'POST',
                data: {pro_id: sib, count: sel},
                success: function (data) {
                    console.log(data);
                    if (data.status == 'ok') {
                        bn_alert("تعداد این محصول با موفقیت تعویض شد", "پیام !");
                    }
                    else {
                        bn_alert("کالا در سبد شما نیست", "خطا !");
                    }
                },
                error: function (data) {
                    var errors = data.responseJSON.errors;
                    $.each(errors, function (key, value) {
                        alert(value[0]);
                    });
                }
            });

        });
        $(document).on('change', 'select#state', function () {
            var id = $(this).val();
            if (id == 0) {
                alert("Select Other :)")
            }
            else {
                var url = "{{ route('get_city') }}";
                $.ajax({
                    url: url,
                    method: 'POST',
                    data: {state_id: id},
                    success: function (data) {
                        console.log(data);
                        if (data.status == 'ok') {
                            var q = data.data;
                            $('select#city').empty();
                            $('select#city').append(q);
                        }
                        else {
                            bn_alert("شهری موجود نیست");

                        }
                    },
                    error: function (data) {
                        var errors = data.responseJSON.errors;
                        $.each(errors, function (key, value) {
                            alert(value[0]);
                        });
                    }
                });


            }
        });
        $(document).on('click', '.btn-refresh' , function () {
           // alert('ss');
            var ImgCaptcha=$(".capchadiv img").attributes('src');
            ImgCaptcha.setAttribute('src','http://localhost:8000/captcha/image?1170691886?_='+Math.random());
            var captcha=document.getElementById('captcha');
            if(captcha){captcha.focus()};
        });
    </script>
@stop