@extends('layouts.admin')
@section('page_title')
@parent
سفارش جدید
@endsection
@section('main')
<style>
.panel-content.postmethod label {
    padding-left: 45px;
    padding-right: 18px;
}
.select2-container{
  z-index: 10 !important;
}
</style>
  <div class="header">
    <h2>سفارش جدید</h2>
    <div class="breadcrumb-wrapper">
      <ol class="breadcrumb">
        <li><a href="/admin/dashboard">پیشخوان</a></li>
        <li><a href="/admin/orders">سفارش ها</a></li>
        <li class="active">سفارش جدید</li>
      </ol>
    </div>
    @include('admin.error')
  </div>
  {!! Form::open(['url'=>'/admin/orders/new-order' , 'method'=>'post' ,'id'=>'neworderForm']) !!}
      <div class="row">
        <div class="col-md-4">
            <div class="panel">
              <div class="panel-heading bg-green">
                <h4>افزودن موارد سفارش</h4>
              </div>
              <div class="panel-content">
                <div class="form-group">
                  <select class="form-control input-sm" id="user" name="user" onchange="checkaddress()" required>
                      <option value="0">-- نام مشتری را انتخاب کنید --</option>
                    @foreach($users as $user)
                      <option value="{{$user->id}}">{{$user->fname}} {{$user->lname}}</option>
                    @endforeach
                  </select>
                </div>
                <div class="form-group">
                  <select class="form-control input-sm" id="cat" onchange="getproducts()" required>
                      <option value="0">--دسته بندی محصول --</option>
                    @foreach($cats as $cat)
                      <option value="{{$cat->id}}">{{$cat->title}}</option>
                    @endforeach
                  </select>
                </div>
                <div class="form-group">
                  <select class="form-control input-sm" id="title" onchange="getpriceproduct()">
                      <option value="">--ابتدا دسته بندی محصول را انتخاب کنید --</option>
                  </select>
                </div>
                <div class="form-group" style="display:none;" id="variableBox">
                  <select class="form-control input-sm" id="variable" onchange="getoptiondetails()">
                      <option value="">--ابتدا محصول را انتخاب کنید --</option>
                  </select>
                </div>
                <div class="append-icon" style="margin-top: 10px;">
                    <input type="number" class="form-control form-white" data-weight="" id="price" placeholder="قیمت واحد(تومان)" readonly>
                    <i class="icon-credit-card"></i>
                </div>
                <div class="append-icon" style="margin-top: 10px;">
                    <input type="number" class="form-control form-white" id="number" min="1" placeholder="تعداد">
                    <i class="icon-layers"></i>
                </div>
              </div>
              <div class="panel-footer">
                <span class="btn btn-success" id="submititem">افزودن</span>
              </div>
            </div>
        </div>
        <div class="col-md-8">
            <div class="panel">
              <div class="panel-content">
                <div class="row">
                  <table class="table table-hover">
                    <thead>
                      <tr>
                        <th>شرح کالا و خدمات</th>
                        <th>قیمت واحد(تومان)</th>
                        <th>تعداد</th>
                        <th>مجموع</th>
                        <th></th>
                      </tr>
                    </thead>
                    <tbody class="submitedproduct">

                    </tbody>
                  </table>
                </div>
              </div>
              <div class="panel-footer">
                <div class="row">
                  <div class="col-md-6">
                    قیمت کل
                  </div>
                  <div class="col-md-6">
                    <div><span id="totalsum">0</span>  تومان</div>
                    <input type="hidden" name="total" id="total" value="">
                  </div>
                </div>
              </div>
            </div>
            <div class="panel">
              <div class="panel-heading bg-blue">
                <h5>روش پرداخت</h5>
              </div>
              <div class="panel-content postmethod">
                <div class="row">
                  <label>
                      <input type="radio" name="paymethod" value="cod"  class="paymethod" required checked>
                      <img class="img-responsive postway" src="{{url('/uploads/general/cod-min.png')}}" width="60">
                      پرداخت در محل
                  </label>
                  <label>
                      <input type="radio" name="paymethod" value="mellat"  class="paymethod" required>
                      <img class="img-responsive postway" src="{{url('/uploads/general/mellat-min.png')}}" width="60">
                      درگاه آنلاین
                  </label>
                </div>
              </div>
            </div>
            <div class="panel">
              <div class="panel-heading bg-blue">
                <h5>روش حمل و نقل</h5>
              </div>
              <div class="panel-content postmethod">
                <div class="row">
                  <label id="motordelivery">
                      <input type="radio" name="post" value="1"  class="postmethod" id="motormethod" required>
                      <img class="img-responsive postway" src="{{url('/uploads/general/bike-min.png')}}" width="60">
                      پیک موتوری
                  </label>
                  <label>
                      <input type="radio" name="post" value="2"  class="postmethod" required>
                      <img class="img-responsive postway" src="{{url('/uploads/general/post-min.png')}}" width="60">
                      پیشتاز
                  </label>
                  <label>
                      <input type="radio" name="post" value="5"  class="postmethod" required>
                      <img class="img-responsive postway" src="{{url('/uploads/general/free-delivery.png')}}" width="60">
                      ارسال رایگان
                  </label>
                </div>
                <hr>
                <div class="row" id="address-select" style="background-color:#eee; display:none; margin-top:20px; padding:20px;">
                  <label>انتخاب آدرس</label>
                  <div id="add-address-box" style="margin-top:20px;">

                  </div>
                  <hr>
                  <div class="row">
                    <div class="form-group state-select col-md-6">
                        <select id="state-select" onchange="getCityList()">
                          <option value="0">-- استان را انتخاب کنید --</option>
                          @foreach($states as $state)
                          <option value="{{$state->id}}">{{$state->fname}}</option>
                          @endforeach
                        </select>
                    </div>
                    <div class="form-group city-select col-md-6">
                        <select id="city-select">
                          <option>-- استان را انتخاب کنید --</option>
                        </select>
                    </div>
                    <div class="form-group col-md-12">
                        <textarea class="form-control form-white" id="addresstext" placeholder="نشانی را وارد نمائید"></textarea>
                    </div>
                  </div>
                  <span class="btn btn-primary btn-addaddress" id="saveAddress"><i class="icon-plus"></i>افزودن نشانی جدید</span>
                </div>
                <div class="row">
                  <label style="margin-top: 20px;">توضیحات سفارش</label>
                  <div class="append-icon" >
                      <textarea type="text" class="form-control form-white" name="descr" rows="2" placeholder="توضیحات"></textarea>
                      <i class="fa fa-comment-o"></i>
                  </div>
                </div>
              </div>
            </div>
            <button class="btn btn-success" type="submit">ثبت سفارش</button>
        </div>
    </div>
    {!! Form::close() !!}
    <input type="hidden" id="unit" value="">
    <input type="hidden" id="locale" value="fa">
@stop
@section('js')
<script src="{{asset('/assets/js/jquery.priceformat.min.js')}}"></script>
<script src="/assets/plugins/select2/select2.full.min.js"></script>
<script type="text/javascript">
function checkaddress(){
  user = $('#user option:selected').val();
  $.ajax({
    url : '/admin/ajax/orders/getaddress',
    method : 'GET',
    data : {user:user},
    dataType : 'json',
    success : function(data) {
      $('#address-select').fadeIn();
      $('#add-address-box').html('');
      $.each(data.sss, function(i,val){
        $('#add-address-box').append('<div id="address-'+val.id +'"><label><input type="radio" class="address-radio" name="address" data-city="'+val.city_id +'" data-state="'+val.state_id +'" value="'+val.id +'"/> '+ val.state +' | '+ val.city +' | '+val.address+' </label><span class="remove-address" style="float:left; cursor:pointer; color:red;" onclick="removeaddress('+val.id+')"><i class="fa fa-times"></i></span><br></div>');
      });
    },
    error : function(data) {
      alert('خطایی در بارگذاری محصولات رخ داده است');
    }
  });
}

$(document).on('change','.address-radio', function(){
  addressid = $('.address-radio:radio:checked').val();
  state = $('input[name="address"]:checked').attr('data-state');
  city = $('input[name="address"]:checked').attr("data-city");

  if(addressid != ''){

      $.ajax({
        url : '/admin/ajax/orders/checkmotor-address',
        method : 'GET',
        data : {addressid:addressid},
        dataType : 'json',
        success : function(data) {
          if(data.msg == 'yes'){
            $('#motordelivery').fadeIn();
          }else if(data.msg == 'no'){
            $('#motordelivery').fadeOut();
            $('#motormethod').prop('checked',false);
          }
        },
        error : function(data) {
          alert('خطایی رخ داده است مجددا تلاش کنید');

        }
      });
  }else{
      alert('خطایی رخ داده است مجددا تلاش کنید');
  }

});

$(document).on('click','#saveAddress', function(){
    user = $('#user option:selected').val();
    address = $('#addresstext').val();
    city = $('#city-select option:selected').val();
    labelcity = $( '#city-select option:selected').text();
    state = $('#state-select option:selected').val();
    labelstate = $( '#state-select option:selected').text();
    if(address != '' && city != 0 && state != 0){

        $.ajax({
          url : '/admin/ajax/orders/save-address',
          method : 'GET',
          data : {user:user,address:address , city:city , state:state},
          dataType : 'json',
          success : function(data) {
            $('#addresstext').attr('value','');
            $('#add-address-box').append('<div id="address-'+data.id +'"><label><input type="radio" class="address-radio" name="address" data-city="'+city +'" data-state="'+state +'" value="'+data.id +'"/> '+labelstate+' | '+labelcity+' | '+address+' </label><span class="remove-address" style="float:left; cursor:pointer; color:red;" onclick="removeaddress('+data.id+')"><i class="fa fa-times"></i></span><br></div>');
          },
          error : function(data) {
            alert('خطایی در ذخیره نشانی رخ داده است');

          }
        });
    }else{
        alert('خطایی رخ داده است مجددا تلاش کنید');
    }

});

function getCityList(){
  id = $('#state-select option:selected').val();
  $.ajax({
    url : '/ajax/get-city',
    method : 'GET',
    data : {id:id},
    dataType : 'json',
    success : function(result) {
      $('#city-select').html('<option value="0">-- شهر را انتخاب کنید --</option>');
      $.each(result.cities, function(i,val){
          name = val.fname;
        $('#city-select').append('<option value="'+val.id +'">'+name+'</option>');
      });
    },
    error : function(data) {
      alert('خطایی رخ داده است مجددا تلاش کنید');

    }
  });
}
function getproducts(){
  cat = $('#cat option:selected').val();
  $.ajax({
    url : '/admin/ajax/orders/getproducts',
    method : 'GET',
    data : {cat:cat},
    dataType : 'json',
    success : function(data) {
      $('#title').html('<option value="0">-- محصول را انتخاب کنید --</option>');
      $.each(data.products, function(i,val){
        $('#title').append('<option value="'+val.id +'" data-variable="'+val.variable+'">'+val.title+'-'+val.code+'</option>');
      });
    },
    error : function(data) {
      alert('خطایی در بارگذاری محصولات رخ داده است');
    }
  });

}

function getpriceproduct(){
  pr = $('#title option:selected').val();
  variable = $('#title option:selected').data('variable');
  user = $('#user option:selected').val();

  if(user == 0){
    alert('لطفا ابتدا مشتری را انتخاب و سپس تلاش نمائید');
  }
  $.ajax({
    url : '/admin/ajax/orders/getprices',
    method : 'GET',
    data : {pr:pr , user:user},
    dataType : 'json',
    success : function(data) {
      if(variable == 1){
        $('#variableBox').fadeIn();
        $('#variable').html('<option value="0">-- '+data.feature.name+' انتخاب کنید  --</option>');
        $.each(data.rels, function(i,val){
          $('#variable').append('<option value="'+val.id +'">'+val.option_title+'</option>');
        });
      }else{
        $('#variableBox').fadeOut();
        if(data.err){
          $('#unit').val('');
          $('#price').val('');
          alert(data.err);
        }else{
          $('#unit').val(data.product.unit);
          $('#price').val(data.price);
        }
      }

    },
    error : function(data) {
      $('#unit').val('');
      $('#price').val('');
      $('#unit3').fadeOut();
      alert('خطا در محاسبه قیمت محصول');
    }
  });
}

function getoptiondetails(){
  variable = $('#variable option:selected').val();
  pr = $('#title option:selected').val();
  $.ajax({
    url : '/admin/ajax/orders/getvaiableprices',
    method : 'GET',
    data : {variable:variable , pr:pr},
    dataType : 'json',
    success : function(data) {
        if(data.err){
          $('#unit').val('');
          $('#price').val('');
          alert(data.err);
        }else{
          $('#unit').val(data.product.unit);
          $('#price').val(data.price);
        }

    },
    error : function(data) {
      $('#unit').val('');
      $('#price').val('');
      $('#unit3').fadeOut();
      alert('خطا در محاسبه قیمت محصول');
    }
  });
}

$(document).ready(function(){
    counter = 0;
    var totalsum=0;

    $('#submititem').on('click',function(){
        var number =  $('#number').val();
        var title = $('#title option:selected').text();
        var id = $('#title option:selected').val();
        var price = $('#price').val();
        variable = $('#variable option:selected').val();
        variabletext = $('#variable option:selected').text();
          var total = price*number;
          totalsum = total + totalsum;

          if(number == '' || price == '' || title ==''){
            alert('لطفا موارد سفارش را به دقت وارد نمائید');
          }else{
            if(variable){
              titlepr = title+'('+variabletext+')';
            }else{
              titlepr = title;
            }

              $('.submitedproduct').append('<input type="hidden" name="items[]" id="inputlink-'+counter+'" value="'+id+'~~'+number+'~~'+titlepr+'~~'+price+'~~'+total+'~~'+variable+'">');
              $('.submitedproduct').append('<tr data-price="'+total+'" id="well-'+counter+'"><td>'+titlepr+'</td><td>'+price+'</td><td>'+number+'</td><td>'+total+'</td><td><span class="remove" style="float:left; cursor:pointer; color:red;" onclick="removelink('+counter+')" data-price="'+total+'"><i class="fa fa-times"></i></span></td></tr>');
              $('#numberp').val('');
              $('#totalsum').empty();
              $('#totalsum').append(totalsum);
              $('#total').val(totalsum);
              $('#totalsum').priceFormat({
                 centsLimit: 0,
              });
              $('#number').val('');
              $('#title').val('');
              $('#price').val('');
              counter++;
          }


    });
});

    function removelink(id){

      $('#inputlink-'+id).remove();
      var mm =  $('#well-'+id).attr('data-price');
      total = $('#total').val();
      totalsum = parseInt(total) - parseInt(mm);
      $('#well-'+id).fadeOut().remove();
      $('#totalsum').empty();
      $('#total').val(totalsum);
      $('#totalsum').append(totalsum);
    }

    $('#neworderForm').submit(function () {

        address = $('input[name= "address"]:checked').val();
        items = $('input[name^=items]').val();

        if (items == null || items == '') {
            alert('میبایست حداقل یک مورد محصول در سفارش ثبت بفرمایید');
            return false;
        }

        if (address == null || address == '') {
            alert('لطفا یک آدرس برای حمل سفارش وارد و انتخاب نمائید');
            return false;
        }

    });

function removeaddress(id){
  user = $('#user option:selected').val();
  $.ajax({
    url : '/admin/ajax/orders/delete-address',
    method : 'GET',
    data : {id:id , user:user},
    dataType : 'json',
    success : function(data) {
      $('#address-'+id).fadeOut().remove();
      alert('با موفقیت حذف شد');
    },
    error : function(data) {
      alert('خطایی رخ داده است');
    }

  });


}

</script>
@stop