@extends('layouts.front')
@section('page_title')
@parent
ثبت و انتخاب آدرس
@endsection
@section('head-js')
<meta name="csrf-token" content="{{ csrf_token() }}">
<style>
    .input-error{
    border:1px solid #e74c3c !important; 
    background:#fff6f6;
}

.input-success{
    border:1px solid #2ecc71 !important;
    background:#f6fff8;
}

.field-error{
    color:#e74c3c;
    font-size:12px;
    margin-top:5px;
}

.field-success{
    color:#2ecc71;
    font-size:12px;
    margin-top:5px;
}
.address-delete {
    color: #e74c3c;
    position: absolute;
    left: 31px;
    top: 43%;
    border-bottom: 2px dashed #e74c3c;
    cursor: pointer;
    text-decoration: none;
}
</style>
@stop
@section('main')
<main class="main default">

    <div class="container">
        <div class="cart-page-title">
            <h1>نشانی های شما</h1>
        </div>
        <div class="checkout-progressbar">
            <ul class="progressbar">
                <li class="pass-active">
                    <a href="/cart">
                        <i class="icon-handbag"></i>
                        <div class="progresstitle">سبدخرید</div>                    
                    </a>
                </li>
                <li class="pass-active">
                    <a href="#">
                        <i class="icon-user"></i>
                        <div class="progresstitle">احرازهویت</div>                    
                    </a>
                </li>            
                <li class="active">
                    <a href="/checkout/shipping">
                        <i class="icon-directions"></i>
                        <div class="progresstitle">ثبت و انتخاب آدرس</div>                    
                    </a>
                </li> 
                <li>
                    <a href="/checkout/pay">
                        <i class="icon-wallet"></i>
                        <div class="progresstitle">پرداخت</div>                    
                    </a>
                </li> 
                <li>
                    <a href="#">
                        <i class="icon-check"></i>
                        <div class="progresstitle">نهایی شدن سفارش</div>                    
                    </a>
                </li> 
            
            </ul>            
        </div> 

        
        <div class="row" id="cartPageBody">
                        <div class="col-md-9 col-sm-10">
                            <div class="btn btn-primary dk-addaddress" data-toggle="modal" data-target="#AddModal" data-dismiss="modal"><i class="icon-plus"></i> افزودن آدرس جدید</div>
                            <div class="checkout-shipping-body">
                                @include('frontends.errors')
                                <div class="add-address-box">
                                  

                                    @if(count($ads) > 0)
                                        @foreach($ads as $key => $val)

                                            <label class="address-box-div @if($address_id) @if($address_id == $val->id) selectAddress @endif @else @if($key == 0) selectAddress @endif @endif" id="address-{{$val->id}}">
                                                <input type="radio" class="address-radio" value="{{$val->id}}" name="address_id" @if($address_id) @if($address_id == $val->id) checked @endif @else @if($key == 0) checked @endif @endif>
                                                <h5>آدرس تحویل سفارش</h5>
                                                <div class="address">
                                                    <strong><i class="icon-location-pin"></i> {{$val->address}}</strong>
                                                    <p>{{$val->name}}</p>
                                                </div>
                                                <div class="address-change" data-toggle="modal" data-target="#ChangeAddress{{$val->id}}">
                                                    ویرایش 
                                                </div>
                                                <div class="address-delete" data-id="{{$val->id}}">
                                                حذف
                                                </div>
                                            </label>
                                            
                                          <!-- Modal -->
                                          <div id="ChangeAddress{{$val->id}}" class="modal fade right" role="dialog">
                                            <div class="modal-dialog">
                                        
                                            <!-- Modal content-->
                                            <div class="modal-content">
                                              <div class="modal-header modal-shipping">
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="icon-arrow-left"></i></span></button>
                                                <h5 class="modal-title">ویرایش آدرس</h5>
                                              </div>
                                              <div class="modal-body AddAddressModal">
                                                 {!! Form::open(['url'=>'/checkout/shipping/update-address/'.$val->id,'method'=>'post', 'class'=>'editAddressForm','novalidate'=>'novalidate']) !!}
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label>نام تحویل گیرنده</label>
                                                        <input type="text" name="name"  class="form-control" value="{{$val->name}}" required>
                                                    </div>
                                                    <div class="form-group">
                                                        <label>شماره همراه تحویل گیرنده</label>
                                                        <input type="text" name="mobile" class="form-control" value="{{$val->mobile}}" required>
                                                    </div>  
                                                    <div class="form-group">
                                                        <label>استان</label>
                                                        <select id="state-select-{{$val->id}}" class="form-control" name="state_id" onchange="getCityList({{$val->id}},'')">
                                                          <option value="">استان را انتخاب کنید</option>
                                                          @foreach($states as $state)
                                                          <option value="{{$state->id}}" @if($state->id == $val->state_id) selected @endif>{{$state->fname}}</option>
                                                          @endforeach
                                                        </select>
                                                    </div>
                                                    <div class="form-group">
                                                        <label>شهر</label>
                                                        <select id="city-select-{{$val->id}}" class="form-control" name="city_id">
                                                           <option value="">ابتدا استان را انتخاب کنید</option>
                                                        </select>
                                                    </div>
                                                    <div class="form-group">
                                                        <label>نشانی دقیق پستی</label>
                                                        <textarea class="form-control" name="address" rows="5" placeholder="آدرس را به صورت دقیق وارد نمائید" required> {{$val->address}}</textarea>
                                                    </div>
                                                    <div class="form-group">
                                                        <label>کدپستی</label>
                                                        <input type="text" class="form-control" name="postalcode" placeholder="کد پستی" value="{{$val->postalcode}}" >
                                                    </div>
                                                    <div class="form-group">
                                                        <button type="submit" class="btn btn-primary btn-block btn-filled">به روزرسانی آدرس</button>
                                                    </div>
                                                </div>
                                                {!! Form::close() !!}
                                              </div>
                                        
                                            </div>
                                        
                                            </div>
                                          </div>
  
                                        @endforeach
                                    @else
                                        <div class="alert alert-warning alert-dismissible" role="alert">
                                            شما تاکنون آدرسی وارد نکرده اید
                                        </div>
                                    @endif
                
                                </div>
                            </div>                            
                        </div>
                        <!--end of items-->
                        <div class="col-md-3 col-sm-10">
                            <div class="mb24 cartbox-subtotal">
                                {!! Form::open(['url'=>'/checkout/go-to-pay','method'=>'post','id'=>'gotopay']) !!}
                                <table class="table">
                                    <tbody>
                                        <tr class="GenTotal">
                                            <th scope="row">قیمت کالاها</th>
                                            <td>
                                                <span id="gentotal" data-value="{{$take['total']+$take['offtotal']}}">{{number_format($take['total']+$take['offtotal'], 0)}}</span>
                                                <span class="toman">تومان</span
                                            </td>
                                        </tr>
                                        <tr class="totalcartpage">
                                            <th scope="row">جمع سبد خرید</th>
                                            <td>
                                                <span id="total" data-value="{{$take['total']}}">{{number_format($take['total'], 0)}}</span>
                                                <span class="toman">تومان</span>
                                            </td>
                                        </tr>
                                        @if($take['offtotal'] > 0 )
                                        <tr class="offtotalpage">
                                            <th scope="row">سود شما از خرید</th>
                                            <td>
                                                (<span id="offpercent">{{$take['total_off_percent']}}</span>%)
                                                <span id="offtotal" data-value="{{$take['total_off_percent']}}">{{number_format($take['offtotal'], 0)}}</span>
                                                <span class="toman">تومان</span>
                                            </td>
                                        </tr>
                                        @endif
                                    </tbody>
                                </table>
                                <input type="hidden" name="addressinput" id="addressinput" value="">
                                <hr>
                                <button type="submit" class="btn btn-block btn-gocheckout btn-success">ادامه</button>
                                {!! Form::close() !!}
                            </div>
                        </div>
        </div>

    </div>
  
  <!-- Modal -->
  <div id="AddModal" class="modal fade right" role="dialog">
    <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header modal-shipping">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="icon-arrow-left"></i></span></button>
        <h5 class="modal-title">افزودن آدرس جدید</h5>
      </div>
      <div class="modal-body AddAddressModal">
         {!! Form::open(['url'=>'/checkout/shipping/register-address','method'=>'post','id'=>'AddAddressForm','novalidate'=>'novalidate']) !!}
        <div class="col-md-12">
            <div class="form-group">
                <label>نام تحویل گیرنده</label>
                <input type="text" name="name"  class="form-control" required>
            </div>
            <div class="form-group">
                <label>شماره همراه تحویل گیرنده</label>
                <input type="text" name="mobile" class="form-control" required>
            </div>  
            <div class="form-group">
                <label>استان</label>
                <select id="state-select-0" class="form-control" name="state_id" onchange="getCityList(0,'')">
                  <option value="">استان را انتخاب کنید</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-0" class="form-control" name="city_id" required>
                   <option value="">ابتدا استان را انتخاب کنید</option>
                </select>
            </div>
            <div class="form-group">
                <label>نشانی دقیق پستی</label>
                <textarea class="form-control" name="address" rows="5" placeholder="آدر س را به صورت دقیق وارد نمائید" required></textarea>
            </div>
            <div class="form-group">
                <label>کدپستی</label>
                <input type="text" class="form-control" name="postalcode" placeholder="کد پستی">
            </div>
            <div class="form-group">
                <button type="submit" class="btn btn-primary btn-block btn-filled">ذخیره آدرس</button>
            </div>
        </div>
        {!! Form::close() !!}
      </div>

    </div>

    </div>
  </div>
  
</main>
@stop
@section('js')
<script src="/assets/frontends/js/shipping.js?v=1.9"></script>
<script>

@if(count($ads) > 0)
    @foreach($ads as $key => $val)
        @if($val->city_id)
        getCityList({{$val->id}},{{$val->city_id}});
        @endif
    @endforeach
@endif

</script>

@stop