@extends('layouts.app')
@section('content')


    <!-- END PAGE HEADER-->


    <!-- BEGIN TAB PORTLET-->
    <div class="row">
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <div class="portlet light bordered">
            <div class="portlet-title">
                <div class="caption font-dark">
                    <i class="icon-settings font-dark"></i>

                    <span class="caption-subject bold uppercase">@lang('layout.CurrencyList') </span>
                </div>
                <div class="tools"> </div>
                <div class="btn-group pull-right">

                    <a href="{{route('home.currency.index')}}" class="btn btn-success">
                            @lang('layout.HomeCurency') <i class="fa fa-info-circle"></i>
                    </a>
                    &nbsp;

                    @permission('currency-create')
                    <a href="{{route('support.currency.create')}}">
                        <!-- <button id="sample_editable_1_new" class="btn green btn-sm btn-outline"> -->
                        <button id="sample_editable_1_new" class="btn btn-success">
                            @lang('layout.AddNew') <i class="fa fa-plus-circle"></i>
                        </button></a>
                    @endpermission



                </div>
            </div>
            <div class="portlet-body">
                <table class="table table-striped table-bordered table-hover" id="currency">
                    <thead>
                    <tr>
                        <th>@lang('layout.ID')</th>
                        <th>@lang('layout.Name')</th>
                        <th>@lang('layout.Code')</th>
                        <th>@lang('layout.Symbol')</th>

                        <th width="7%;">@lang('layout.Actions')</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
        <!-- END EXAMPLE TABLE PORTLET-->
    </div>
    <!-- END CONTENT BODY -->


@stop

@push('scripts')

    <script>
        jQuery(document).ready(function() {
            $(function() {
                let x = $('#currency').DataTable({
                    processing: true,
                    serverSide: true,
                    ajax: '{{route("support.currency.index")}}',
                    columns: [
                        { data: 'id', name: 'id' },
                        { data: 'name', name: 'name' },
                        { data: 'code', name: 'code' },
                        { data: 'symbol', name: 'symbol' },
                        { data: 'actions', name: 'actions' }
                    ],
                });
                // let data = x.columns(5).data();
                // console.log(x.rows(columns[{data: 'exchange_rate'}]).nodes().length)
                // alert('the table has' + data);
            });
        });
    </script>
    <!-- END INTERNAL SCRIPT -->
@endpush