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

<div class="panel panel-alternative panel-alternative-table panel-alternative-blank">
    <div class="panel-heading text-center">
        <div class="row">
            <div class="col-sm-4">
                <h5>{{__('messages.currencies')}}</h5>
            </div>
            <div class="col-sm-8 float-right">
                <div class="row">
                    <div class="col-sm-12 col-md-7 col-lg-8">
                        <form id="form_currency_search" class="form_search">
                            <div class="input-group">
                                <input id="search_currency_value" type="text" class="form-control" placeholder="{{__('messages.search')}} {{__('messages.currency')}}">
                                <span class="input-group-btn">
                                    <button type="submit" class="btn btn-alternative" value="Go!"><i class="fas fa-search"></i></button>
                                </span>
                            </div><!-- /input-group -->
                        </form>
                    </div>
                    <div class="col-sm-12 col-md-5 col-lg-4 text-center">
                        <button type="button" class="btn btn-alternative btn-create-Cu" data-toggle="modal" data-target="#currencyMod"
                            value="Go!">{{__('messages.create')}} {{__('messages.currency')}}</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel-body">
        <div class="col-sm-12 table-responsive" id="list">
            <table id="table_currency" class="table table-hover">
                <thead class="thead-default">
                    <tr>
                        <th id="table_currency_header_name" style="cursor: pointer;">{{__('messages.name')}}</th>
                        <th id="table_currency_header_symbol" style="cursor: pointer;">{{__('messages.symbol')}}</th>
                        <th id="table_currency_header_type" style="cursor: pointer;">{{__('messages.type')}}</th>
                        <th id="table_currency_header_value" style="cursor: pointer;">{{__('messages.value')}}</th>
                        <th id="table_currency_header_date" style="cursor: pointer;">{{__('messages.created')}}</th>
                        <th id="table_currency_header_update" style="cursor: pointer;">{{__('messages.last_modified')}}</th>
                        <th id="table_currency_header_exchangeable" style="cursor: pointer;">{{__('messages.exchangeable')}}</th>
                        <th id="table_currency_header_prima" style="cursor: pointer;">{{__('messages.prima')}}</th>
                        <th id="table_currency_header_withdraw_fee" style="cursor: pointer;">{{__('messages.withdraw')}} {{__('messages.fee')}}</th>
                        <th id="table_currency_header_deposit_fee" style="cursor: pointer;">{{__('messages.deposit')}} {{__('messages.fee')}}</th>
                        <th id="table_currency_header_minWith" style="cursor: pointer;">Min {{__('messages.withdraw')}}</th>
                        <th id="table_currency_header_active" style="cursor: pointer;">{{__('messages.active')}}</th>
                        <th>{{__('messages.options')}}</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <th colspan="4" id="currency_page">
                            <div class="form-group" style="width:70px;">
                                <select id="result_currency_page" class="form-control">
                                    <option value="5">5</option>
                                    <option value="10" selected="selected">10</option>
                                    <option value="20">20</option>
                                    <option value="50">50</option>
                                </select>
                            </div>
                        </th>
                        <th id="table_currency_pagination" class="text-right" colspan="6"></th>
                    </tr>
                </tfoot>
                <tbody id="table_currency_content">
                </tbody>
            </table>
        </div>
    </div>
    <div class="panel-footer"></div>
</div>


<div class="modal fade" id="currencyMod" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content modal-alternative">
            <div class="modal-header">
                <h4 class="modal-title"></h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>

    </div>

</div>
<div class="modal fade" id="currencyAlertMod" role="dialog">
    <div class="modal-dialog modal-sm">

        <!-- Modal content-->
        <div class="modal-content modal-alternative content-alert">
            <div class="alert" style="margin: 0px;">
                <p class="text-alert"></p>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
        </div>

    </div>

</div>
@endsection