@extends('layouts.front')
@section('page_title')
@parent
تسویه حساب
@endsection
@section('main')
<!-- section end -->
<main class="default">
  <section class="breadcrumb-section section-b-space">
      <div class="container">
          <div class="row">
              <div class="col-12">
                  <div class="page-title">
                      <h1>تسویه حساب</h1>
                  </div>
              </div>
              <div class="col-12">
                  <nav aria-label="breadcrumb" class="theme-breadcrumb">
                      <ol class="breadcrumb">
                          <li class="breadcrumb-item"><a href="{{url('/')}}">خانه</a></li>
                          <li class="breadcrumb-item"><a href="{{url('/'.env('Shop_Slug'))}}">فروشگاه</a></li>
                          <li class="breadcrumb-item"><a href="{{url('/cart')}}">سبد خرید</a></li>
                          <li class="breadcrumb-item active" aria-current="page">تسویه حساب</li>
                      </ol>
                  </nav>
              </div>
          </div>
      </div>
  </section>
    <div class="container">
        <div class="section-b-space">
          <div class="progress-steps">
            <div class="progresses py-4">
                <ul class="d-flex align-items-center justify-content-between">
                    <li id="step-1" class="blue"></li>
                    <li id="step-2" class="blue"></li>
                    <li id="step-3" class="blue"></li>
                    <li id="step-4"></li>
                </ul>
                <div class="progress">
                    <div class="progress-bar" role="progressbar" style="width: 66.66%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                </div>
            </div>              
          </div>            
          <div class="row">
            @include('frontends.errors')
            @if(@$err)
               <div class="alert alert-danger">
                   <p>این محصولات به دلیل عدم موجودی از سبد خرید حذف شد: @foreach($err as $er) {{\App\Models\Product::find($er['id'])->title}} @if($er['option']) -{{\App\Models\Option::find(['option'])}} @endif، @endforeach</p>
               </div>
           @endif
          </div>
          {!! Form::open(['url'=>'/submit-order','method'=>'post','id'=>'checkoutFrom']) !!}
              <div class="row">
                  <div class="col-lg-7 col-sm-12 col-xs-12 dralipor-pagebody">
                      <h3>تکمیل سفارش</h3>
                      <div class="row check-out">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="from-group">
                                        <label>نام *</label>
                                        <input type="text" name="fname" class="form-control" value="{{$user->fname}}" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="from-group">
                                        <label> نام خانوادگی *</label>
                                        <input type="text" name="lname" class="form-control" value="{{$user->lname}}" required>
                                    </div>                                    
                                </div>                                
                            </div>
                        </div>
                        <div class="col-md-12 col-sm-12 col-xs-12 mb50" id="add-address-box">
                          <span class="btn btn-dralipor btn-sm mt40" id="getAddressModal" data-toggle="modal" data-target="#AddModal"><i class="ti-plus"></i> ثبت نشانی جدید</span>
                          <br><br>
                            @if(count($ads) > 0)

                                @foreach($ads as $key => $value)

                                    <div id="address-{{$value->id}}">
                                      <span class="delete-address-icon" aria-hidden="true" onclick="deladdress({{$value->id}})">&times;</span>
                                      <label class="radio-address-label"><input type="radio" class="address-radio " name="ads" value="{{$value->id}}" @if($key == 0) checked @endif/>  {{$value->states->fname}} | {{$value->cities->fname}} | {{$value->address}} | کدپستی: {{$value->postalcode}}</label>
                                      @if($key == 0)
                                                                            @endif
                                    </div>
                                @endforeach
                            @else
                                <div class="alert-no-address alert alert-warning alert-dismissible" role="alert">
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                    هیچ آدرسی موجود نیست
                                </div>
                            @endif
                        <input type="hidden" id="city-input" name="city-input" value="{{@$cityy}}">
                        <input type="hidden" id="state-input" name="state-input" value="{{@$statee}}">
                        <input type="hidden" id="address-input" name="addressinput" value="{{@$addressss}}">
                        </div>
                        <hr>
                        <div class="form-group col-md-12 col-sm-12 col-xs-12">
                          <label>توضیحات سفارش</label>
                          <textarea class="form-control" rows="5" type="text" name="descr"  placeholder="توضیحات و نکات لازم را در اینجا برای ما یادداشت کنید"></textarea>
                          <p class="mt20">آیا کد تخفیف دارید؟ <span class="copuntrigger">کد تخفیف را وارد کنید</span></p>
                        </div>
                        <hr>
                        <div class="coupon-box col-md-12 col-sm-12 col-xs-12" style="display:none;">
                          <h5 class="uppercase">کد تخفیف</h5>
                          <div class="alert alert-danger" id="msg-coupon-error" style="display: none;"></div>
                          <div class="alert alert-success" id="msg-coupon-success" style="display: none;"></div>
                          <input class="form-control" type="text" id="couponcode" name="code" autocomplete="off" placeholder="کد تخفیف خود را وارد نمائید" /><br>
                          <span class="btn btn-dralipor btn-copuncode" onclick="checkcoupon()">اعمال کد تخفیف</span>
                        </div>
                        <a class="btn btn-info btn-back-to-cart mt50" href="{{asset('/cart')}}">بازگشت به سبدخرید</a>
                      </div>
                  </div>
                  <div class="col-lg-5 col-sm-12 col-xs-12">
                      <div class="checkout-details">
                          <h4>روش ارسال</h4>
                          <div class="delivery-box">

                            <label id="motorbike" @if(@$getcc) @if(is_null($getcc->motor)) style="display:none;" @endif @endif>
                                <input type="radio" name="post" value="1" onchange="postcost()" checked class="postmethod motor-label" @if(@$getcc) @if($getcc->motor) checked  @endif @endif required>
                                <img class="img-responsive postway" src="{{url('/uploads/general/bike-min.png')}}" width="50">
                                پیک موتوری
                            </label>
                            <br>
                        
                            <label id="postpishtaz" @if(@$getcc) @if($getcc->motor) style="display:none;" @endif @endif>
                                <input type="radio" name="post" value="2" onchange="postcost()" class="postmethod pishtaz-label" @if(@$getcc) @if(!$getcc->motor) checked  @endif @endif required>
                                <img class="img-responsive postway" src="{{url('/uploads/general/post-min.png')}}" width="50">
                                پست پیشتاز (ارسال 1-3 روزکاری)
                            </label>
                          </div>
                          <hr>
                          <div class="payment-box">
                            <h4>روش پرداخت</h4>
                              <div class="upper-box">
                                  <div class="payment-options">
                                    <!--<div class="form-group">-->
                                    <!--  <label id="CODpayment" @if(@$getcc) @if(is_null($getcc->motor)) style="display:none" @endif @endif>-->
                                    <!--      <input type="radio" class="gateway codgateway" name="gateway" value="cod" required>-->
                                    <!--      <img class="img-responsive postway" src="{{url('/uploads/general/cod-min.png')}}" width="40">-->
                                    <!--      پرداخت در محل-->
                                    <!--  </label>-->
                                    <!--</div>-->
                                    <div class="form-group">
                                      <label>
                                          <input type="radio" class="gateway" name="gateway" value="mellat" checked required>
                                          <img class="img-responsive postway" src="{{url('/uploads/general/mellat-min.png')}}" width="50">
                                          درگاه بانک ملت
                                      </label>
                                    </div>
                                    <div class="form-group">
                                      <label>
                                          <input type="radio" class="gateway" name="gateway" value="saman" required>
                                          <img class="img-responsive postway" src="{{url('/uploads/general/saman-min.png')}}" width="50">
                                          درگاه بانک سامان
                                      </label>
                                    </div> 

                                    
                                  </div>
                              </div>
                          </div>
                          <hr>
                          <div class="payment-box packing-box">
                            <h4>بسته بندی</h4>
                              <div class="upper-box">
                                  <div class="payment-options">
                                    <div class="form-group">
                                      <label class="eco-friendly" data-toggle="tooltip" data-placement="left" title="در تمام بسته بندی های آقای دارو از مواد دوستدار محیط زیست Eco-Friendly استفاده می شود">
                                          <input type="radio" class="packing" name="packing" value="aghayedaroo" checked>
                                          <img class="img-responsive" src="{{url('/uploads/general/eco-friendly.png')}}" width="50">
                                          بسته بندی مخصوص آقای دارو
                                      </label>
                                    </div>                                    
                                  </div>
                              </div>
                          </div>                          
                          <hr>
                          <div class="cart-summary">
                            <table class="table table-borderless carttotal">
                                <tbody>
                                    <tr>
                                        <th scope="row">جمع سبد خرید</th>
                                        <td><span id="carttotal" class="">{{number_format($total, 0)}}</span> تومان</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">حمل و نقل</th>
                                        <td><span id="shipping" class="seperator-price">-</span> تومان</td>
                                    </tr>
                                    <tr id="offrow" style="display: none;">
                                        <th scope="row">تخفیف</th>
                                        <td><span id="offvalue" class="seperator-price"></span> تومان</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">جمع کل</th>
                                        <td>
                                            <strong id="total">{{number_format($total, 0)}}</strong> تومان
                                        </td>
                                    </tr>
                                </tbody>
                            </table>

                          </div>
                          <button type="submit" id="submit-trigger" class="btn-primary btn btn-block">پرداخت و ثبت سفارش</button>
                      </div>
                  </div>
              </div>

              <input type="hidden" id="overtotal" name="total" value="{{$total}}">
              <input type="hidden" id="total-input" name="totalinput" value="{{$total}}">
              <input type="hidden" id="weight" name="weight" value="{{$weight}}">
              <input type="hidden" name="totaloff" id="total-off" value="0">
              <input type="hidden" name="offcode" id="offcode" value="0">
              <input type="hidden" name="shipping" id="shipping-cost" value="0">
          {!! Form::close() !!}
        </div>
    </div>
</main>
<!-- Modal -->
<div id="AddModal" class="modal right fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header modal-header-dralipor">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h5 class="modal-title">افزودن نشانی جدید</h5>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-md-12">
            <div class="form-group">
              <label>استان</label>
              <select id="state-select" class="form-control" onchange="getCityList()">
                <option value="0">استان را انتخاب کنید</option>
                @foreach($states as $state)
                <option value="{{$state->id}}">{{$state->fname}}</option>
                @endforeach
              </select>
            </div>
            <div class="form-group">
              <label>شهر</label>
                <select id="city-select" class="form-control">
                  <option>ابتدا استان را انتخاب کنید</option>
                </select>
            </div>
            <div class="form-group">
              <label>کد پستی</label>
                <input type="text" name="postalcode" id="postalcode" class="form-control" placeholder="کد پستی 10 رقمی">
            </div>
            <div class="form-group">
              <label>نشانی</label>
                <textarea id="addresstext" class="form-control" rows="5" placeholder="آدرس را به صورت دقیق وارد نمائید"></textarea>
            </div>
            <div class="btn btn-primary" id="registeraddress">ذخیره نشانی</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<input type="hidden" id="address-count" value="{{count($ads)}}">