@extends('Admin.master_layout.master')

@section('title', 'Orders')

@section('header_menu')
@parent
@endsection

@section('sidebar_menu')
@parent
@endsection

@section('content')
<div id="content">
    <div id="content-header">
        <div id="breadcrumb"> 
            <a href="{{ url('/') }}" title="Go to Home" class="tip-bottom">
                <i class="icon-home"></i> Home
            </a> 
            <a href="{{ url('orders') }}" title="Go to Orders" class="tip-bottom">
                Orders
            </a> 
            <a href="" class="current">
                Edit
            </a> 
        </div>
        <h1>Orders - edit</h1>
    </div>
    <div class="container-fluid">
        <hr>
        <div class="row-fluid">
            <div class="span12">
                @foreach ($errors->all() as $error)
                <p class="alert alert-warning">{{ $error }}</p>
                @endforeach

                <form action="{{ url('orders/store') }}" method="post" class="form-horizontal" id="order" enctype="multipart/form-data">
                    <div class="widget-box">
                        <div class="widget-title"> <span class="icon"> <i class="icon-align-justify"></i> </span>
                            <h5>Orders - edit</h5>
                        </div>
                        <div class="widget-content nopadding">

                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                            <input type="hidden" name="id" value="{{ $order->id }}" />
                            <div class="control-group">
                                <label class="control-label">Merchant:</label>
                                <div class="controls">
                                    <select class="span11" name="merchant_id" id="merchant_id" required="">
                                        <option value="">Select Merchant</option>
                                        @if(count($merchants) > 0)
                                        @foreach($merchants as $key => $merchants)
                                        <option value="{{ $merchants->id }}" @if($order->merchant_id == $merchants->id) selected @endif>{{ $merchants->name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Merchant Customer Id :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Merchant Customer Id" type="text" name="merchant_customer_id" required="" value="{{ $order->merchant_customer_id }}">
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Customer Name :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Customer Name" type="text" name="customer_name" required="" value="{{ $order->customer_name }}">
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Customer Email :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Customer Email" type="email" name="customer_email" required="" value="{{ $order->customer_email }}">
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Customer Mobile :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Customer Mobile" type="text" minlength="10" maxlength="10" pattern="\d*" name="customer_mobile" required="" value="{{ $order->customer_mobile }}">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Customer Same as Payer :</label>
                                <div class="controls">
                                    <input class="span11" type="checkbox" name="customer_same_as_payer" value="1" @if($order->customer_same_as_payer == 1)checked="checked"@endif id="customer_same_as_payer">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Payer User :</label>
                                <div class="controls">
                                    <label>
                                        <div class="radio"><span class=""><input name="user_type" style="opacity: 0;" type="radio" {{ ($order->is_payer_type == 1)?'checked':'' }} value="N" required></span></div>
                                        New User</label>
                                    <label>
                                        <div class="radio"><span class=""><input name="user_type" style="opacity: 0;" type="radio" {{ ($order->is_payer_type == 0)?'checked':'' }} value="E" required></span></div>
                                        Existing User</label>
                                    <label>
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Merchant Payer Id :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Merchant Payer Id" type="text" name="merchent_payer_id" required="" value="{{ $order->merchent_payer_id }}">
                                </div>
                            </div>
                            <div class="control-group" style="display: @if($order->is_payer_type == 1) block @else none @endif;" id="new_payer">
                                <label class="control-label">Payer Name :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Payer Name" type="text" id="payer_name" name="payer_name" value="{{ $order->payer_name }}">
                                </div>
                            </div>

                            <div class="control-group" style="display: @if($order->is_payer_type == 0) block @else none @endif;" id="old_payer">
                                <label class="control-label">Payer Name:</label>
                                <div class="controls">
                                    <select class="span11" name="payer_id" id="payer_id">
                                        <option value="">Select Payer </option>
                                        @foreach($payers as $payer)
                                        <option value="{{ $payer->id }}" {{ ($order->payer_id == $payer->id)?'selected':'' }}>{{ $payer->first_name }}  {{ $payer->last_name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                <!-- <input type="hidden" name="payer_name" id="payer_name"> -->
                            <div id="customer_same_as_payer_div" class="{{($order->customer_same_as_payer == 1?'hide':'show')}}">
                                <div class="control-group">
                                    <label class="control-label">Payer Email :</label>
                                    <div class="controls">
                                        <input class="span11" placeholder="Payer Email" type="email" id="payer_email" name="payer_email" value="{{ $order->payer_email }}">
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label">Payer Mobile :</label>
                                    <div class="controls">
                                        <input class="span11" placeholder="Payer Mobile" type="text" minlength="10" maxlength="10" pattern="\d*" id="payer_mobile" name="payer_mobile" value="{{ $order->payer_mobile }}">
                                    </div>
                                </div>

                                <div class="control-group">
                                    <label class="control-label">Payer PAN# :</label>
                                    <div class="controls">
                                        <input class="span11" placeholder="Payer pancard" type="text" id="payer_pancard" name="payer_pancard" value="{{ $order->payer_pancard }}">
                                    </div>
                                </div>
                            </div>



                            <div class="control-group">
                                <label class="control-label">Reasons :</label>
                                <div class="controls">
                                    <select class="span11" name="reason_list_id" required="">
                                        <option value="">Select Reasons </option>
                                        @if(count($reasons))
                                        @foreach($reasons as $key => $reason)
                                        <option value="{{ $reason->id }}" {{ ($order->reason_list_id == $reason->id?'selected="selected"':'') }} >{{ $reason->title }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Agent Type :</label>
                                <div class="controls">
                                    <select class="span11" name="agent_types_id" id="agent_types_id" required="">
                                        <option value="">Select Agent Type </option>
                                        @if(count($agent_types))
                                        @foreach($agent_types as $key => $agentType)
                                        <option value="{{ $agentType->id }}" {{ ($order->agent_types_id == $agentType->id?'selected="selected"':'') }}>{{ $agentType->title }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>

                            <div class="control-group" id="rahebar"> <!-- id="rahebar"-->
                                <label class="control-label">Agents :</label>
                                <div class="controls">
                                    <select class="span11" name="rahebar_id[]" id="rahebar_id" multiple="multiple" required="">
                                        @if(count($rahebarObj))
                                        @foreach($rahebarObj as $key => $rahebar)
                                        <option value="{{ $rahebar->id }}" @if(in_array($rahebar->id, $orderRahebar)) selected="selected"  @endif>{{ $rahebar->name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Due Date :</label>
                                <div class="controls">
                                    <div id="picker">  </div>
                                    <input type="hidden" id="result" value="{{ Carbon\Carbon::parse($order->due_date)->format('d-m-Y H:i:s') }}" class="datepicker12 span11 fromDate" name="due_date" >
                                    <span class="help-block">Date with Formate of  (YYYY-MM-DD HH:mm)</span> </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Transaction type :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Transaction type" type="text" name="transaction_type" required="required" value="{{ $order->transaction_type }}">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Invoice File :</label>
                                <div class="controls">
                                    <input type="file" name="invoice_file" class="span11" /> @if($order->invoice_file != '') <a href="{{ $order->invoice_file }}" target="_blank"><b>View Invoice</b></a>@endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="widget-box">
                        <div class="widget-title"> <span class="icon"> <i class="icon-align-justify"></i> </span>
                            <h5>Items</h5>
                            <input type="button" class="btn btn-info btn-xs" value="Add Item" id="add_item" style="margin-top:3px;">
                        </div>
                        <div class="widget-content nopadding">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th class="w15proc">Item</th>
                                        <th class="w15proc">UoM</th>
                                        <th class="w50proc invoice_desc">Rate</th>
                                        <th class="w10proc">Qty</th>
                                        <th class="w10proc">Price</th>
                                        <th class="w10proc"></th>
                                    </tr>
                                </thead>
                                <tbody class="addItem">
                                    @if(count($OrderItems)> 0 )
                                    @foreach($OrderItems as $key => $item)
                                    <tr class="removeclass{{$key}}">
                                        <td>
                                            <select class="span11 item_list_id" name="item_list_id[]">
                                                <option value="">Select Item List</option>
                                                @if(count($itemList) > 0)
                                                @foreach($itemList as $key1 => $itemname)
                                                <option value="{{ $itemname->id }}" @if($itemname->id == $item['item_id'] ) selected @endif>{{ $itemname->title }}</option>
                                                @endforeach
                                                @endif
                                            </select>
                                        </td>
                                        <td>
                                            <input class="span11 uom" placeholder="UoM" type="text" name="uom[]" value="{{ $item['uom'] }}">
                                        </td>
                                        <td>
                                            <input class="span11 rate" placeholder="Rate" onchange="updateTotalPrice()" onkeyup="updateTotalPrice()" onblur="updateTotalPrice()" type="text" name="rate[]" value="{{ $item['rate'] }}">
                                        </td>
                                        <td>
                                            <input class="span11" placeholder="Quantity" type="text" name="quantity[]" onchange="updateTotalPrice()" onkeyup="updateTotalPrice()" onblur="updateTotalPrice()" value="{{ $item['quantity'] }}">
                                        </td>
                                        <td> 
                                            <input class="span11" placeholder="Amount" type="text" name="amount[]" value="{{ $item['amount'] }}">
                                        </td>
                                        <td>
                                            <a class="btn btn-mini btn-danger item_delete" onclick="remove_education_fields('{{$key}}')" title="Delete"><i class="icon-trash"></i></a>
                                        </td>
                                    </tr>
                                    @endforeach
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="widget-box">
                        <div class="widget-content nopadding">
                            <div class="control-group">
                                <label class="control-label">Total Amount :</label>
                                <div class="controls">
                                    <input class="span5" placeholder="Amount" pattern="\d*" type="text" name="total_amount" required="" value="{{ $order->amount }}">
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Want to pay partial amount? :</label>
                                <div class="controls">
                                    <input type="checkbox" name="is_partial_payment_allowed" value="1" @if($order->is_partial_payment_allowed == 1) checked="checked" @endif >
                                </div>
                            </div>

                            <!--                 <div class="control-group hide" id="partial_paid_amount">
                                              <label class="control-label"> Partial Amount :</label>
                                              <div class="controls">
                                                <input class="span5" placeholder="Partial Amount" type="text" name="partial_paid_amount" value="">
                                              </div>
                                            </div> -->

                            <!--  <div class="control-group">
                               <label class="control-label">Bill Url :</label>
                               <div class="controls">
                                   <input class="span11" placeholder="Bill Url" type="text" id="short_link" name="short_link" value="{{ Input::old('short_link') }}" readonly="">
                               </div>
                             </div> -->

                            <div class="control-group">
                                <label class="control-label">Status :</label>
                                <div class="controls" required>
                                    <select class="span11" name="status">
                                        <option value="1"  {{ ($order->status == 1?'selected=""':'') }}>Active</option>
                                        <option value="0" {{ ($order->status == 0?'selected=""':'') }}>Inactive</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-success">Save</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@section('footer')
@parent
@endsection

@section('extraa_script_and_js')
@parent
<script type="text/javascript">
    $("#picker").html('<span>{{ Carbon\Carbon::parse($order->due_date)->format("Y-m-d") }}</span><i class="fa fa-calendar ico-size"></i><span>{{ Carbon\Carbon::parse($order->due_date)->format("H:i") }}</span><i class="fa fa-clock-o ico-size"></i>');
    $("input[name='customer_same_as_payer']").change(function () {
    if (this.checked) {
    $('#customer_same_as_payer_div').hide();
    } else {
    $('#customer_same_as_payer_div').show();
    }
    });
    $("input[name='user_type']").change(function () {
    var checked = $(this).val();
    if (checked == 'N') {
    $('#old_payer').hide();
    $('#new_payer').show();
    $('#new_payer input').show();
    $("input[name='payer_name']").val('');
    $("input[name='payer_email']").val('');
    $("input[name='payer_mobile']").val('');
    $("input[name='payer_pancard']").val('');
    } else {
    $('#old_payer').show();
    $('#new_payer').hide();
    }
    });
    $('#agent_types_id').on('change', function () {
    var agent_types_id = $(this).val();
    var token = $('input[name="_token"]').val();
    if (agent_types_id) {
    $.ajax({
    url: "{{url('/rahebar/get-agent-type-rahebar/')}}",
            data: {agent_types_id: agent_types_id, _token: token},
            type: "POST",
            success: function (data) {
            $('#rahebar').show();
            $('#state').show();
            $('#city').show();
            $('#rahebar_id').empty();
            //$('#rahebar').append('<option value="">Select City</option>');
            $.each(data, function (key, value) {
            $('#rahebar_id').append('<option value="' + value.id + '">' + value.name + '</option>');
            });
            }
    });
    }
    });
// $('input[name="is_partial_payment_allowed"]').on('click',function() {
//     var ischecked= $(this).is(':checked');
//     if(ischecked){
//       $('#partial_paid_amount').show();
//     }else{
//       $('#partial_paid_amount').hide();
//     }
// });


    $('#payer_id').on('change', function () {
    var payer_id = $(this).val();
    var token = $('input[name="_token"]').val();
    if (payer_id) {
    $.ajax({
    url: "{{url('/payers/get-payer-data-by-Id/')}}",
            data: {payer_id: payer_id, _token: token},
            type: "POST",
            success: function (data) {
            $("#new_payer input").hide();
            $('#payer_email').val(data[0].email);
            $('#payer_mobile').val(data[0].mobile_number);
            $('#payer_pancard').val(data[0].pancard);
            //payer_pancard
            $('#order').append('<input type="hidden" name="payer_name" value="' + data[0].first_name + ' ' + data[0].last_name + '" />');
            }
    });
    }
    });
    $('.item_list_id').live('change', function () {
    var item = $(this);
    var item_list_id = $(this).val();
    if (item_list_id) {
    $.ajax({
    url: "{{url('/item-list/get-uom/')}}/" + item_list_id,
            type: "GET",
            dataType: "json",
            success: function (data) {
            item.parent().next().next().find('.rate').val(data.rate);
            item.parent().next().find('.uom').val(data.uom);
            }
    });
    }
    });
    $('#merchant_id').on('change', function () {
    var merchant_id = $(this).val();
    var token = $('input[name="_token"]').val();
    if (merchant_id) {
    // Get Reasons list
    $.ajax({
    url: "{{url('/reasons/get/')}}/" + merchant_id,
            type: "GET",
            dataType: "json",
            success: function (data) {
            $('select[name="reason_list_id"]').empty();
            $('select[name="reason_list_id"]').append('<option value="">Select Reasons</option>');
            $.each(data, function (key, value) {
            //console.log(value.id);
            $('select[name="reason_list_id"]').append('<option value="' + value.reason_list_id + '">' + value.reason_name + '</option>');
            });
            }
    });
    // Get Agent Type list
    $.ajax({
    url: "{{url('/merchant/get-merchant-agent-type/')}}",
            type: "GET",
            data: {merchant_id: merchant_id, _token: token},
            dataType: "json",
            success: function (data) {
            $('select[name="agent_types_id"]').empty();
            $('select[name="agent_types_id"]').append('<option value="">Select Agent Type</option>');
            $.each(data, function (key, value) {
            //console.log(value.id);
            $('select[name="agent_types_id"]').append('<option value="' + value.agent_types_id + '">' + value.agent_title + '</option>');
            });
            }
    });
    // Get Item list
    $.ajax({
    url: "{{url('/merchant-item-list/get/')}}/" + merchant_id,
            type: "GET",
            dataType: "json",
            success: function (data) {
            $('select[name="item_list_id[]"]').empty();
            $('select[name="item_list_id[]"]').append('<option value="">Select Item List</option>');
            $.each(data, function (key, value) {
            //console.log(value.id);
            $('select[name="item_list_id[]"]').append('<option value="' + value.id + '">' + value.title + '</option>');
            });
            }
    });
    $.ajax({
    url: "{{url('/merchant-item-list/get/')}}/" + merchant_id,
            type: "GET",
            dataType: "json",
            success: function (data) {
            $('select[name="item_list_id[]"]').empty();
            $('select[name="item_list_id[]"]').append('<option value="">Select Item List</option>');
            $.each(data, function (key, value) {
            //console.log(value.id);
            $('select[name="item_list_id[]"]').append('<option value="' + value.id + '">' + value.title + '</option>');
            });
            }
    });
    } else {
    $('select[name="reason_list_id"]').empty();
    $('select[name="agent_types_id"]').empty();
    }
    });
    //$('.addItem').html('<tr class="removeclass1"><td><select class="span11 item_list_id" onchange="getItemUoMandRate()" name="item_list_id[]"><option value="">Select Item List</option></select></td><td><input class="span11 uom" placeholder="UoM" type="text" name="uom[]"></td><td><input class="span11 rate" placeholder="Rate" onchange="updateTotalPrice()" onkeyup="updateTotalPrice()" onblur="updateTotalPrice()" type="text" name="rate[]"></td><td><input class="span11" placeholder="Quantity" type="text" name="quantity[]" onchange="updateTotalPrice()" onkeyup="updateTotalPrice()" onblur="updateTotalPrice()"></td><td> <input class="span11" placeholder="Amount" type="text" name="amount[]"></td><td></td></tr>');

    var room = 0;
    $('#add_item').click(function () {
    var merchant_id = $('#merchant_id option:selected').val();
    room++;
    var rdiv = 'removeclass' + room;
    var html = '<tr class="' + rdiv + '"><td><select class="span11 item_list_id" onchange="getItemUoMandRate()" name="item_list_id[]" id="item_id_' + room + '"><option value="">Select Item List</option></select></td><td><input class="span11 uom" placeholder="Unit" type="text" name="uom[]"></td><td><input class="span11 rate" placeholder="Rate" type="text" name="rate[]" onchange="updateTotalPrice()" onkeyup="updateTotalPrice()" onblur="updateTotalPrice()"></td><td><input class="span11" placeholder="Quantity" type="text" name="quantity[]" onchange="updateTotalPrice()" onkeyup="updateTotalPrice()" onblur="updateTotalPrice()"></td><td> <input class="span11" placeholder="Amount" type="text" name="amount[]" ></td><td><a class="btn btn-mini btn-danger item_delete" onclick="remove_education_fields(' + room + ')" title="Delete"><i class="icon-trash"></i></a> </td></tr>';
    $('.addItem').append(html);
    if (merchant_id) {
    $.ajax({
    url: "{{url('/merchant-item-list/get/')}}/" + merchant_id,
            type: "GET",
            dataType: "json",
            success: function (data) {
            $('#item_id_' + room).empty();
            $('#item_id_' + room).append('<option value="">Select Item List</option>');
            $.each(data, function (key, value) {
            //console.log(value.id);
            $('#item_id_' + room).append('<option value="' + value.id + '">' + value.title + '</option>');
            });
            }
    });
    }
    });
    function remove_education_fields(rid) {
    $('.removeclass' + rid).remove();
    }
    function getItemUoMandRate() {
    //alert($("select[name^='item_list_id']").val());
    }
    function updateTotalPrice() {
    var total_final_amount = 0;
    var pending_payment = 0;
    var sum = 0;
    var rate = new Array();
    $('input[name^=rate]').each(function (index) {
    rate.push($(this).val());
    });
    var quantity = new Array();
    $('input[name^=quantity]').each(function (index) {
    quantity.push($(this).val());
    });
    $.each(quantity, function (key) {
    $('input[name^=amount]').each(function (index) {
    if (index == key)
            $(this).val(rate[key] * quantity[key]);
    });
    });
    var amount = new Array();
    $('input[name^=amount]').each(function (index) {
    total_final_amount += parseInt($(this).val());
    });
    $('input[name="total_amount"]').val(total_final_amount);
    }

</script>
@endsection