@extends('Layout')

@section('Content')
<div class="col-md-12">
 
 {{ HF::DrawHeadPage(array(array('title'=>$Data['SubTitle'],'url'=>'/') ),$Data['SubTitle'])}}

 
    @if(Session::has('errors'))
       <ul class="alert alert-danger">
          @foreach($errors->all() as $error)
             <li>{{ $error }}</li>
          @endforeach
       </ul>
    @endif
<div class="f_left">
<a href="{{URL::Route('Sale')}}" class="btn btn-success">  تقسيط/آجل</a>
<a href="{{URL::Route('ListSales')}}" class="btn btn-primary">  عرض المبيعات</a>
 


</div>
{{ Draw::SubTitle('<i class="fa fa-arrow-left"></i> بيع نقدي','Samawi')}}
{{ Form::open(array('class'=>'FormWare','id'=>'CashOperation'))}}
 <div  >

        <div class="col-md-4">
                     <div class="form-group">
                        <label>البائع</label>
                        <select name="seller" id="seller"  data-placeholder="أختر المستثمر" class="chosen-select" onchange="GetAvaliableWares(this.value);" style="width:100%;" tabindex="4">

                        <option value=''>-- أختر -- </option>
                        @foreach($Data['investor_seller'] as $inv)
                          <option value="{{$inv->id_person}}">{{$inv->full_name_person}}</option>
                          @endforeach
                        </select>
                     </div> 
        </div> 
        <div class="col-md-4">
              <div class="form-group">
                <label>الحساب</label>
                <select name="bank" id="bank" class="form-control">
                   @foreach($Data['Banks'] as $bank)
                      <option  value="{{$bank->id_person}}">{{$bank->full_name_person}}</option>
                   @endforeach
                  </select>              
            </div>
            
        </div> 
        <div class="col-md-4">
           <div class="form-group">
             <label>الفهرسة اليدوية</label>
             <input type="text" placeholder="اختياري" class="form-control" name="PageID"/>
           </div>
         </div>
      <br clear="both"/>
</div> <!-- end panel body -->
 <img style="display:none;" id="loader" width="32" height="32" src='{{ asset("assets/img/loader.gif")}}'/>

<div id="WaresArea"></div>
<input type="hidden" name="cwr" id="cwr" value="" />
  {{ Draw::SubTitle('<i class="fa fa-arrow-left"></i> تحديد المشتري','Samawi')}}
 <div  >

        <div class="col-md-6"> 
          <label>يرجى تحديد فئة المشتري ؟</label> 
          <div class="radio">
              <label style="float:right;">
                  <input type="radio" name="wy" class="wy" value="c" onchange="" >عميل
              </label>

              <label style="float:right;margin-right:30px">
                  <input type="radio" name="wy" class="wy" value="i" onchange="" checked="">مستثمر
              </label>

              <label  style="float:right;margin-right:30px">
                  <input type="radio" name="wy" class="wy" id="" value="o">خارجي
              </label>
              <input type="hidden" id="way" value="2"/>
          </div>
        </div>
        <script type="text/javascript">
          $('input:radio[name="wy"]').change(
              function(){
                  $('.area').hide();
                  $('#CustomerSelect').hide();
                  if ($(this).is(':checked') && $(this).val() == 'o') {
                     $('#outside_area').show();
                  } else if ($(this).is(':checked') && $(this).val() == 'i'){
                     $('#investor_area').show();
                  } else {
                     $('#customer_area').show();
                     $('#CustomerSelect').show();
                  }
              });
        </script>

        <div class="col-md-6">
          <label>المشتري</label>
 
            <div id="customer_area" class="area"  style="display:none;">
                <button type="button"  class="btn btn-success buyer_sl" onclick="$('#wh').val(1);$('#CustomerSelect').show();"><i class="fa fa-edit "></i> تحديد المشتري</button>
                <div class="buyer_sl" id="buyerDIV"></div>
                <input type="hidden" name="buyer_customer" value="" id="buyer_customer"/>
            </div>


            <div id="investor_area"  class="area">
                <select name="buyer_investor"  data-placeholder="أختر المستثمر" class="chosen-select" style="width:350px" id="buyer_investor">
                  <option value=''>-- أختر -- </option>
                  @foreach($Data['Investor_buyer'] as $inv)
                        <option value="{{$inv->id_person}}">{{$inv->full_name_person}}</option>
                  @endforeach
              </select>
            </div>


            <div id="outside_area"  class="area" style="display:none;">
                  <input class="form-control" type="text" name="buyer_outside" id="buyer_outside" value="" placeholder="أكتب اسم المشتري هنا"/>
            </div>
        </div>
        <br clear="both"/>
    </div>
         <br clear="both"/>

<div id="CustomerSelect" style="display:none;border-top:2px solid #eee;padding-top:20px;">
 <button type="button" id="addCustomer" class="btn btn-danger" data-toggle="modal" data-target=".modal" >عميل جديد</button>
 <div class="f_left" >
        <label>البحث السريع</label>
        <input type="text" style="height:35px;width:250px" name="search" id="search" />
        <select id="type_search" style="height:35px;width:130px">
            <option value="N">الاسم</option>
            <option value="S">السجل/الاقامة</option>
            <option value="I">رقم العميل</option>
            <option value="M">رقم الجوال</option>
        </select>
    </div>
 <br class="both"> 
 <br class="both"> 
                   <div class="col-md-13 col-sm-13 col-xs-13 HtmlAjax">
                        <div class="panel-body">
                            <div class="table-responsive">
                                <table class="table table-striped table-bordered table-hover">
                                    <thead>
                                        <tr>
                                            <th>#الرقم</th>
                                            <th>الاسم</th>
                                            <th>السجل المدني</th>
                                            <th>رقم الجوال</th>
                                            <th>الإجراء</th>
                                        </tr>
                                    </thead>
                                    <tbody id="listCustomer">

                                    </tbody>
                                    </table>
                                    </div>
                                    </div>
                                    </div>
</div>
</div>


<script type="text/javascript">

$('#search').keyup(function(){
   var ex = $('#seller').val();
   var type = $('#type_search').val();
   var wy = $('#way').val();
 
                  $.ajax({
                    type: "POST",
                    url: "{{URL::route('CustomerSearchForOperations')}}",
                    data: {
                        'keyword' : $(this).val(),
                        'type' : type,
                        'ex'    : ex,
                        'wy': wy
                    },
                    dataType: "text",
                    success: function(msg){
                       console.log(msg);
                       $('#listCustomer').empty();
                       $.each($.parseJSON(msg), function(k,v){
                          $('#listCustomer').append('<tr>');
                            $('#listCustomer').append('<td id="d'+v.d+'" style="padding:10px;">'+v.d+'</td>');
                            $('#listCustomer').append('<td id="n'+v.d+'">'+v.n+'</td>');
                            $('#listCustomer').append('<td id="s'+v.d+'">'+v.s+'</td>');
                            $('#listCustomer').append('<td id="m'+v.d+'">'+v.m+'</td>');
                            $('#listCustomer').append('<td><a onclick="ChBuyer('+v.d+',1);" >تحديد كمشتري</a></td>');
                      
                            $('#listCustomer').append('</tr>');

                         });
                    },
                    fail:function(msg){
                        $('#listCustomer').html('<b>يوجد خطأ في الاتصال بقاعدة البيانات</b>');
                     }

            });
});   
function ChBuyer(d,t){
  var n = $('#n'+d).text();
  var s = $('#s'+d).text();
  $('#buyerDIV').show();
  $('#buyerDIV').html('<b style="color:blue">'+d+'<br /> '+n+' - '+s+'</b>  <a href="javascript:void(0)"><img class="ka2" src="{{ asset("assets/img/remove.png")}}" onclick="$(\'#buyerDIV\').hide(100);$(\'#buyerDIV\').html(\'\');$(\'#buyer_customer\').val(\'\');" /></a>');
  $('#buyer_customer').val(d);
  $('#CustomerSelect').hide();
  $('#listCustomer').empty();
}
</script>
 @if(!Session::has('errors'))
<script type="text/javascript">
jQuery(document).ready(function()
{
    var d = new Date();
    d = d.getTime();
    if (jQuery('#reloadValue').val().length == 0)
    {
      jQuery('#reloadValue').val(d);
      jQuery('body').show();
    }
    else
    {
      jQuery('#reloadValue').val('');
      location.reload();
    }
});
</script>
@endif
<input id="reloadValue" type="hidden" name="reloadValue" value="" />

<br clear="both"/>

<div class="f_left" >
  <button type="submit" id="submit_btn" class="btn btn-Samawi btn-lg f_left">تنفيذ العملية</button>
</div>
</div> <!-- end col12 -->
<script type="text/javascript">

$(document).ready(function () {DrawCashValidation();});

  function GetAvaliableWares(id){
      $('#loader').show();
      $.ajax({
           url: "{{URL::route('GetCarsForInvestors')}}",
           type:'POST',
            data: {
                'w' : id,
            },
            dataType: "text",          
            success:function(msg){
             $('#loader').hide();
             $('#WaresArea').html(msg);
           },
           error:function(msg){
              $('#loader').hide();
                           $('#WaresArea').html(msg);

              $('#WaresArea').html('<div class="alert alert-danger">عذراً يوجد مشكلة ، يرجى إعادة المحاولة.</div>');
           }
        });
  }
 



</script>

<div class="modal fade  bs-example-modal-lg" >
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">إلاغاء</span></button>
        <h4 class="modal-title">إضافة عميل</h4>
      </div>
      <div class="modal-body" id="result">

      </div>
 
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->  
<script type="text/javascript">
$( "#addCustomer" ).click(function() {
  $( "#result" ).load("{{URL::Route('QuickNewCustomer')}}");
});
</script>                            
{{ Form::close()}}
@stop