@extends('Layout')
@section('Content')
<div class="col-md-12">
 
{{ HF::DrawHeadPage(array(array('title'=>'العملاء','url'=>URL::Route('ListCustomers')),array('title'=>$Data['Customer']->full_name_person,'url'=>'') ),$Data['Customer']->full_name_person.' ['.$Data['Customer']->id_person.']')}}
<div class="f_left">
    <a href="{{URL::Route('NewCustomer')}}" class="btn btn-info"><i class="fa fa-plus "></i> عميل جديد</a>
    <a href="{{URL::Route('EditCustomer',$Data['Customer']->id_person)}}" class="btn btn-primary"><i class="fa fa-edit "></i> تعديل البيانات</a>
    <a onclick="return confirm('هل أنت متأكد من عملية الحذف؟');"  href="{{URL::Route('RemoveCustomer',$Data['Customer']->id_person)}}" class="btn btn-black "  >
         <i class="fa fa-times fa-1x"></i>
           حذف العميل
    </a>
</div>
{{ Draw::SubTitle('<a href="javascript::void(0);" style="color:white" id="hide_info" onclick="$(\'#information\').hide();$(this).hide();$(\'#show_info\').show();"><i class="fa fa-chevron-down"></i></a><a href="javascript::void(0);" style="color:white;display:none" onclick="$(\'#information\').show();$(this).hide();$(\'#hide_info\').show();" id="show_info" ><i class="fa fa-chevron-up"></i></a> البيانات الشخصية ','blue')}}
<div id="information">
                <div class="col-md-4">

                    <div class="form-group">
                        <label>الاسم</label>
                        <label class="form-control">{{$Data['Customer']->full_name_person}}</label>
                     </div>
                </div> 

                <div class="col-md-4">
                    <div class="form-group">
                        <label>الهوية الوطنية/الإقامة</label>
                        <label class="form-control">---</label>
                     </div>
                </div> 
                 <div class="col-md-4">
                    <div class="form-group">
                        <label>تاريخ الإصدار</label>
                        <label class="form-control">--- </label>
                     </div>
                </div>      
                <div class="col-md-4">
                    <div class="form-group">
                        <label>مصدرها</label>
                        <label class="form-control">---</label>
                     </div>
                </div>      
    
                <div class="col-md-4">
                    <div class="form-group">
                        <label>الجنسية</label>
                        <label class="form-control">---</label>
                     </div>
                </div>      
                <div class="col-md-4">
                    <div class="form-group">
                        <label>العنوان</label>
                        <label class="form-control">---</label>
                     </div>
                </div>      
                <div class="col-md-4">
                    <div class="form-group">
                        <label>رقم الجوال 1</label>
                        <label class="form-control">---</label>
                     </div>
                </div>      
                <div class="col-md-4">
                    <div class="form-group">
                        <label>رقم الجوال 2</label>
                        <label class="form-control">---</label>
                     </div>
                </div>      
                <div class="col-md-4">
                    <div class="form-group">
                        <label>العمل</label>
                        <label class="form-control">---</label>
                     </div>
                </div>      
                <div class="col-md-4">
                    <div class="form-group">
                        <label>رقم هاتف العمل</label>
                        <label class="form-control">---</label>
                     </div>
                </div>   
                <div class="col-md-4">
                    <div class="form-group">
                        <label>الجنس</label>
                        <label class="form-control">أنثى</label>
                     </div>
                </div>   
                        <br clear="both"/>

</div>
        <!-- Customer Info Tab End -->
{{ Draw::SubTitle(' <a href="javascript::void(0);" style="color:white" id="hide_sales" onclick="$(\'#sales\').hide();$(this).hide();$(\'#show_sales\').show();"><i class="fa fa-chevron-down"></i></a><a href="javascript::void(0);" style="color:white;display:none" onclick="$(\'#sales\').show();$(this).hide();$(\'#hide_sales\').show();" id="show_sales" ><i class="fa fa-chevron-up"></i></a> عمليات الشراء','blue')}}

<div id="sales">
 
</div>


{{ Draw::SubTitle('<a href="javascript::void(0);" style="color:white" id="hide_payments" onclick="$(\'#payments\').hide();$(this).hide();$(\'#show_payments\').show();"><i class="fa fa-chevron-down"></i></a><a href="javascript::void(0);" style="color:white;display:none" onclick="$(\'#payments\').show();$(this).hide();$(\'#hide_payments\').show();" id="show_payments" ><i class="fa fa-chevron-up"></i></a> حركة الحساب','blue')}}
<div id="payments"></div>


{{ Draw::SubTitle('<a href="javascript::void(0);" style="color:white" id="hide_notes" onclick="$(\'#notes\').hide();$(this).hide();$(\'#show_notes\').show();"><i class="fa fa-chevron-down"></i></a><a href="javascript::void(0);" style="color:white;display:none" onclick="$(\'#notes\').show();$(this).hide();$(\'#hide_notes\').show();" id="show_notes" ><i class="fa fa-chevron-up"></i></a> الملاحظات','blue')}}
<div id="notes"></div>
<center id="loader"  style="display:none;margin-top:50px;">
<i class="fa fa-spinner fa-spin fa-5x"></i><br />
    جاري التحميل
</center>
        <br clear="both"/>
        <div class="f_left">
            <a href="javascript::void(0);" id="showNote" onclick="$('#addNote').toggle();$('#hideNote').show();$(this).hide();" class="btn btn-info"><i class="fa fa-plus "></i> ملاحظة جديدة</a>
            <a href="javascript::void(0);" onclick="$('#showNote').show();$(this).hide();$('#addNote').toggle();" id="hideNote"  style="display:none;color:red;font-weight:bold;font-size:18px;text-decoration:none;">X</a>
        </div>
        <div id="addNote" style="display:none;">
        <div class="form-group">
            <label>إضافة ملاحظة</label>
            <textarea id="note" class="form-control required" placeholder="لإضافة ملاحظة لهذا العقد."></textarea>
        </div>
        <button type="button" id="note_submit" onclick="$('#loader').show();SaveNote('{{URL::Route('SaveNote')}}',$('#note').val(),'p','{{$Data['Customer']->id_person}}');setTimeout(function() { $('#notes').load('{{URL::Route('AjaxGetInfoAboutCustomer',array($Data['Customer']->id_person,'notes'))}}?page=1');},1000);" class="btn btn-primary btn-md f_left">حفظ الملاحظة</button>
        </div>
</div>
   
</div> 

 


<style type="text/css">
    .form-control{
         background:#ECF6FF
    }
</style>
<script>
$(function() {
    // 1.
    function getPaginationSelectedPage(url) {
        var chunks = url.split('?');
        var baseUrl = chunks[0];
        var querystr = chunks[1].split('&');
        var pg = 1;
        for (i in querystr) {
            var qs = querystr[i].split('=');
            if (qs[0] == 'page') {
                pg = qs[1];
                break;
            }
        }
        return pg;
    }

    // 2.
    $('#payments').on('click', '.pagination a', function(e) {
        e.preventDefault();
        var pg = getPaginationSelectedPage($(this).attr('href'));

        $.ajax({
            url: '{{URL::Route("AjaxGetInfoAboutCustomer",array($Data["Customer"]->id_person,"payments"))}}',
            data: { page: pg },
            success: function(data) {
                $('#payments').html(data);
            }
        });
    });

    $('#sales').on('click', '.pagination a', function(e) {
        e.preventDefault();
        var pg = getPaginationSelectedPage($(this).attr('href'));

        $.ajax({
            url: '{{URL::Route("AjaxGetInfoAboutCustomer",array($Data["Customer"]->id_person,"sales"))}}',
            data: { page: pg },
            success: function(data) {
                $('#sales').html(data);
            }
        });
    });

    $('#notes').on('click', '.pagination a', function(e) {
        e.preventDefault();
        var pg = getPaginationSelectedPage($(this).attr('href'));

        $.ajax({
            url: '{{URL::Route("AjaxGetInfoAboutCustomer",array($Data["Customer"]->id_person,"notes"))}}',
            data: { page: pg },
            success: function(data) {
                $('#notes').html(data);
            }
        });
    });


    $('#sales').load('{{URL::Route("AjaxGetInfoAboutCustomer",array($Data["Customer"]->id_person,"sales"))}}?page=1');
    $('#payments').load('{{URL::Route("AjaxGetInfoAboutCustomer",array($Data["Customer"]->id_person,"payments"))}}?page=1');
    $('#notes').load('{{URL::Route("AjaxGetInfoAboutCustomer",array($Data["Customer"]->id_person,"notes"))}}?page=1');
});

$('[data-toggle="tabajax"]').click(function(e) {
    var $this = $(this),
        loadurl = $this.attr('href'),
        targ = $this.attr('data-target');

    $.get(loadurl, function(data) {
        $(targ).html(data);
    });

    $this.tab('show');
    return false;
});
</script>









@stop