@extends('layouts.main_without_top_button', ['title' => 'EXCHANGE RATES | ' . config('app.name')])

@section('title') EXCHANGE RATES @stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Finance</a> <span class="divider">/</span></li>
        <li><a href="">Settings</a> <span class="divider">/</span></li>
        <li class="active">Exchange Rates</li>
    </ul>
@stop
@section('contentinner')
    <div class="tabbable">
        @include('financial_accounts.settings.includes.profile')
        <div class="tab-content">
            <div class="tab-pane active">
                <div class="row-fluid" style="margin-bottom: 8px;">
                    <div class="span10 ">
                        <form  id="exchange_rate_form" action="{{route('exchange-rates.store')}}" method="post">
                            <div class="span4 pull-right">
                                <div class="control-group">
                                    <label class="span4" style="text-align: right">Default Currency </label>
                                    <div class="controls span8">
                                        <select class="" name="default_currency">
                                            @foreach($currencies as $currency)
                                                <option {!! ($currency == $default_currency )?"selected":""  !!} value="{!! $currency->id !!}">{!! $currency->code !!} ({!! $currency->name !!})</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <h3>Save Today's exchange rate ({!! date('d/m/Y') !!})</h3>


                                <div class="">
                                   <table class="table">
                                       <thead>
                                            <tr>
                                                <th>SN</th>
                                                <th>Currency</th>
                                                <th>Exchange Rate</th>
                                            </tr>
                                       </thead>
                                       <tbody>
                                       @foreach($currencies_without_default as $index=>$currency)
                                           <tr>
                                               <th>{!! $index+1 !!}</th>
                                               <td>{!! $currency->code !!} ({!! $currency->name !!})</td>
                                               <td>
                                                   <input type="text" class="number" name="exchange_rate[]">
                                                   <input type="hidden"  name="to_currency[]" value="{!! $currency->id !!}">
                                               </td>
                                           </tr>
                                       @endforeach
                                       <tr><th colspan="3"></th></tr>
                                       </tbody>
                                   </table>
                                    <div class="row-fluid" >
                                        <div>
                                            <button type="submit" class="btn btn-success pull-right">Save</button>
                                        </div>
                                    </div>
                                </div>
                        </form>
                    </div>
                    <p style="height: 25px;">&nbsp;</p>
                    <div class="row-fluid" style="margin-top: 20px;">
                        <div class="span10">
                            <table class="table table-bordered table-condensed" id="exchange_rates_list">
                                <thead>
                                <tr>
                                    <th class="head1"style="width: 90px" >Sn</th>
                                    <th class="head1">Date</th>
                                    <th class="head1">From</th>
                                    <th class="head1">To</th>
                                    <th class="head1">Rate</th>
                                    <th class="head1">Creator</th>
                                    <th style="width: 60px">Action</th>
                                </tr>
                                </thead>
                            </table>
                        </div><!--span12-->
                    </div><!--row-fluid-->
                </div>
            </div>
        </div>
    </div>

    <script>
        var oTable = jQuery('#exchange_rates_list').DataTable({
            "oLanguage": {
                "sLoadingRecords": "Please wait - loading Exchange Rates...",
                "sZeroRecords": "No Exchange Rates to Display.",
                "sInfoEmpty": "No entries to display."
            },
            ajax: {
                url: '{!! route('exchange-rates.list') !!}',
                data: function (d) {
                },
                error: function (xhr, textStatus, error) {
                    if (textStatus === 'timeout') {
                        alert('Timeout error. The server took too long to send back the data.\nPlease try again.');
                    }
                }
            },
            scrollCollapse: true,
            "sPaginationType": "full_numbers",
            processing: true,
            serverSide: true,
            "columns": [
                { data: 'id'},
                { data: 'date'},
                { data: 'from_currency'},
                { data: 'to_currency'},
                { data: 'rate'},
                { data: 'creator'},
                {data: 'action'}
            ],
            "fnDrawCallback": function () {
                jQuery('.delete').click(function () {
                    var conf = confirm('Are you sure?');
                    if (conf)
                        var tr_p = jQuery(this).parents('tr');
                    var rate_id = tr_p.find('.rate_id').val();
                    var url = "{{route('exchange-rates.delete',[':id'])}}";
                    url = url.replace(":id",rate_id);
                    jQuery.ajax({
                        type: "delete",
                        cache: false,
                        url: url,
                        data: {
                            rate_id: rate_id
                        },
                        success: function (data) {
                            oTable.draw();
                        },
                        error: function (data) { }
                    });
                    return false;
                });
            }
        });

        jQuery('#exchange_rate_form').on('submit',function (e) {
            e.preventDefault()
            var form = jQuery(this);
            var url = "{{route('exchange-rates.store')}}";
            jQuery.ajax({
                type: "POST",
                cache: false,
                url: url,
                data:form.serialize(),
                beforeSend:function () {
                    startSpinner();
                },
                success: function (data) {
                    oTable.draw();
                    stopSpinner();
                },
                error: function (data) {

                }
            });

        })

    </script>
@endsection