@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">
                Add
            </a> 
        </div>
        <h1>Orders - add</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 - add</h5>
                        </div>
                        <div class="widget-content nopadding">

                            <input type="hidden" name="_token" value="{{ csrf_token() }}">

                            <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(Input::old('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="{{ Input::old('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="{{ Input::old('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="{{ Input::old('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="{{ Input::old('name') }}">
                                </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" checked="checked" 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" {{ (Input::old('user_type') == 'T')?'checked':'' }} value="N" required></span></div>
                                        New User</label>
                                    <label>
                                        <div class="radio"><span class=""><input name="user_type" style="opacity: 0;" type="radio" {{ (Input::old('user_type') == 'P')?'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="{{ Input::old('merchent_payer_id') }}">
                                </div>
                            </div>
                            <div class="control-group" style="display: none;" 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="{{ Input::old('payer_name') }}">
                                </div>
                            </div>

                            <div class="control-group" style="display: none;" 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 }}" {{ (Input::old('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="hide">
                                <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" required="" value="{{ Input::old('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" required="" value="{{ Input::old('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" required="required" value="{{ Input::old('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 }}">{{ $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 }}">{{ $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 }}">{{ $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="{{ Input::old('due_date') }}" 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="{{ Input::old('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" />
                                </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">

                                </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="{{ Input::old('total_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">
                                </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">Active</option>
                                        <option value="2">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">
    $("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 = 1;
    $('#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