@extends('layouts.backend')
@section('content')
    <div class="col-sm-12">
      <div class="panel panel-alternative">
              <div class="panel-heading text-center">
                <div class="row">
                  <div class="col-sm-4">
                    <h4>{{__('messages.users')}}</h4>
                  </div>
                  <div class="col-sm-8 float-right">
                  <div class="col-sm-12 col-md-3 col-lg-2 text-center float-left">
                      <div class="input-group">
                        <select class="form-control" name="filter" id="filter"></select>
                      </div>
                      
                    </div>
                    <div class="col-sm-12 col-md-6 col-lg-6 float-left">
                        <form id="form_report_search" class="form_search">
                            <div class="input-group">
                                <input id="search_report_value" type="text" class="form-control" placeholder="{{__('messages.report')}} {{__('messages.report')}}">
                                <span class="input-group-btn">
                                    <button type="submit" class="btn btn-alternative" value="Go!"><span class="glyphicon glyphicon-search"></span></button>
                                </span>
                            </div><!-- /input-group -->
                        </form>
                    </div>
                    
                    <div class="col-sm-12 col-md-3 col-lg-2 text-center float-left">
                      <button type="button" class="btn btn-alternative btn-create" data-toggle="modal" data-target="#userMod" value="Go!"><span class="glyphicon glyphicon-user"> </span> {{__('messages.create')}} {{__('messages.user')}}</button>
                    </div>
                  </div>
                </div>
              </div>
              <div class="panel-body">
                <div class="col-sm-12 table-responsive active" id="list">
                    <table id="table_report" class="table table-hover">
                        <thead class="thead-default">
                            <tr>
                                <th id="table_report_header_user" style="cursor: pointer;">{{__('messages.user')}}</th>
                                <th id="table_report_header_trade_type" style="cursor: pointer;">{{__('messages.trade_type')}}</th>
                                <th id="table_report_header_in_amount" style="cursor: pointer;">{{__('messages.in_amount')}}</th>
                                <th id="table_report_header_pair" style="cursor: pointer;">{{__('messages.pair')}}</th>
                                <th id="table_report_header_out_amount" style="cursor: pointer;">{{__('messages.out_amount')}}</th>
                                <th id="table_report_header_reference" style="cursor: pointer;">{{__('messages.reference')}}</th>
                                <th id="table_report_header_created" style="cursor: pointer;">{{__('messages.created')}}</th>
                                <th id="table_report_header_update" style="cursor: pointer;">{{__('messages.last_modified')}}</th>
                                <th>{{__('messages.options')}}</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th colspan="3" id="report_page">
                                    <div class="form-group" style="width:70px;">
                                        <select id="result_report_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_report_pagination" class="text-right" colspan="4"></th>
                            </tr>
                        </tfoot>
                        <tbody id="table_report_content">
                        </tbody>
                    </table>
                </div>
              </div>
      </div>
    </div>

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

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

            </div>
            <div class="modal-footer">
            </div>

        </div>

        </div>

  </div>

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

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

    </div>

  </div>
@endsection