@extends('layouts.main')
@section('title')
    Exchange Rates
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li class="active">Exchange Rates</li>
    </ul>
@stop
@section('msghead_menu')
    <li class="right btn-group">

    </li>

    <li class="right btn-group">
        <div class="btn-group">
            <button class="btn dropdown-toggle" data-toggle="dropdown">
                <i class="icon-th"></i> &nbsp;Rates <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" style="margin-left: -50px">
                <li>
                    <a style="margin-right: 2px" onclick="modelShow('add_exchange_rate')">
                        <span class="iconsweets-create"></span> Add Exchange Rate</a>
                </li>

            </ul>
        </div><!--btn-group-->
    </li>
@stop
@section('contentinner')

    <div class="row-fluid">
        <div class="span12">
            <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">Rate</th>
                    <th style="width: 60px">Action</th>
                </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->
    @include('exchange_rates.create')

    <script>
        function openRateAdd(){

        }
        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: 'rate'},
                {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;
                });
            }
        });
    </script>

@stop