@extends('layouts.backend')
@section('content')
<div class="col-sm-12">
    <div class="panel panel-alternative">
        <!--bloque 1-->
        <div class="panel-heading text-center">
            <div class="row">
                <div class="col-sm-3"> <h3> Reporte </h3> </div>
                
                <div class="col-sm-2 text-center">
                    <input type="date" class="form-control">
                </div>
                
                <div class="col-sm-2 text-center">            
                    <input type="date" class="form-control">
                </div>                
                
                <div class="col-sm-5 text-center">
                        <select class="form-control" name="filter" id="filter"></select>
                </div>
            </div>
        </div>

        <!--bloque 2 -->
        <div class="panel-heading text-center">
            <div class="row">
                <div class="col-sm-3">
                    <button type="submit" class="btn btn-alternative" name="generalreport" id="generalreport" value=""> General </button>
                </div>

                <div class="col-sm-9  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">Buscar</span></button>
                            </span>
                        </div><!-- /input-group -->
                    </form>
                </div>
            </div>
        </div>
            
        <!-- empieza la tabla -->
        <div class="panel-body">
      <div class="col-sm-12 table-responsive active" id="list">
        <table id="table_user" 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="user_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_user_pagination" class="text-right" colspan="4"> </th>
            </tr>
          </tfoot>

          <tbody id="table_reports_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">
        <h4 class="modal-title" style="margin-left: auto;"></h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>

      <div class="modal-body" id="reports_pdf_excel">
       
      </div>

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

    </div>
  </div>
</div>

@endsection