@extends('layouts.main_without_top_button', ['title' => 'General Requisitions | LOGISTICS'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a><span class="divider">/</span></li>
        <li><a href="">Operations</a><span class="divider">/</span></li>
        <li class="active">New Inquiry Amendments</li>
    </ul>
@stop
@section('title', 'New Inquiry Amendments')

@section('contentinner')
    <div class="mediamgr_category">
        <div class="row-fluid">
            <div class="span12">
                <div id="append_zone">
                    <h4 class="widgettitle form-inline">
                        <a href="javascript:;">Client</a>
                        <select name="client_id" class="searchable_select">
                            <option></option>
                            <optgroup label="Accounts">
                                @foreach($clients as $client)
                                    <option value="{{$client->id}}">{{$client->name}}</option>
                                @endforeach
                            </optgroup>
                        </select>
                        <a href="javascript:;">Destination</a>
                        <select name="destination_id" class="searchable_select">
                            <option></option>
                            <optgroup label="Accounts">
                                @foreach($destinations as $destination)
                                    <option value="{{$destination->id}}">{{$destination->name}}</option>
                                @endforeach
                            </optgroup>
                        </select>
                        <a href="javascript:;" class="btn" id="append_expenses"><span class="icon-plus"></span> GET TRIPs</a>
                    </h4>
                    <form method="post"
                          action="{{route('requisitions.trip_variable_expenses.loading_rder_items.create')}}"
                          id="next_step_btn">
                    </form>

                    <br/><br/>
                    <br class="clearall"/>
                </div>

            </div><!--mediamgr_content-->
        </div><!--mediamgr_left -->


    </div>
    <script type="text/javascript">
        jQuery('.searchable_select').select2();

        var choosen_accounts = [];
        jQuery("#append_expenses").click(function () {
            var account = jQuery('.searchable_select option:selected');
            var account_id = account.val();
            var account_name = account.text();

            if (account_id) {
                var table_row = '<tr>' +
                    '<td style="width: 5%">' +
                    '<input type="hidden" class="span12" name="account_id[]" value="' + account_id + '">' +
                    '<input type="hidden" class="span12" name="expense_name[]" value="' + account_name + '">' +
                    '<input type="checkbox" class="checkall"/>' +
                    '</td>' +
                    '<td style="width: 50%">' + account_name + '</td>' +
                    '<td style="width: 20%">' +
                    '<select name="currency[]">' +
                    '<option value="USD">USD</option>' +
                    '<option value="TSH">TSH</option>' +
                    '<option value="KWACHA">KWACHA</option>' +
                    '</select>' +
                    '</td>' +
                    '<td style="width: 20%"><input type="text" class="span12" name="default_amount[]"></td>' +
                    '</tr>';
                jQuery('#accounts').append(table_row);
            }
        });

        jQuery('#next_step_btn').on('submit', function (e) {
            e.preventDefault();
            jQuery.ajax({
                url: jQuery(this).attr('action'),
                type: jQuery(this).attr('method'),
                data: jQuery(this).serialize(),
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    if (data.state == 'Fail') jQuery.jGrowl(data.msg);
                    else jQuery('#append_zone').html(data);
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                },
                complete: function () {
                    stopSpinner();
                }
            });
        });
    </script>
@endsection