@extends('layouts.backend')
@section('content')
      <div class="panel panel-alternative">
        <div class="panel-heading text-center">
          <div class="row">
            <div class="col-sm-4">
              <h4>{{__('messages.newsletter')}}</h4>
            </div>
            <div class="col-sm-8 float-right">
              <div class="row">                
                <div class="col-sm-12 col-md-8 col-lg-8">
                  <form id="form_newsletter_search" class="form_search">
                      <div class="input-group">
                          <input id="search_newsletter_value" type="text" class="form-control" placeholder="{{__('messages.search')}} {{__('messages.newsletter')}}">
                          <span class="input-group-btn">
                              <button type="submit" class="btn btn-alternative" value="Go!"><i class="fas fa-search" aria-hidden="true"></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" data-toggle="modal" data-target="#newsMod" value="Go!">{{__('messages.create')}} {{__('messages.newsletter')}}</button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="panel-body">
          <div class="col-sm-12 table-responsive" id="list">
              <table id="table_newsletter" class="table table-hover">
                  <thead class="thead-default">
                      <tr>
                          <th id="table_newsletter_header_title" style="cursor: pointer;">{{__('messages.title')}}</th>
                          <th id="table_newsletter_header_username" style="cursor: pointer;">{{__('messages.created_by')}}</th>
                          <th id="table_newsletter_header_message" style="cursor: pointer;">{{__('messages.message')}}</th>
                          <th id="table_newsletter_header_date" style="cursor: pointer;">{{__('messages.created')}}</th>
                          <th id="table_newsletter_header_update" style="cursor: pointer;">{{__('messages.last_modified')}}</th>
                          <th>{{__('messages.options')}}</th>
                      </tr>
                  </thead>
                  <tfoot>
                      <tr>
                          <th colspan="3" id="newsletter_page">
                            <div class="form-group" style="width:70px">
                              <select class='form-control' id="result_newsletter_page">
                                  <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_newsletter_pagination" class="text-right" colspan="3"></th>
                      </tr>
                  </tfoot>
                  <tbody id="table_newsletter_content">
                  </tbody>
              </table>
          </div>
        </div>
        <div class="panel-footer"></div>
      </div>
    <div class="modal fade" id="newsMod" 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">

        </div>
      </div>

    </div>

  </div>
  <div class="modal fade" id="newsAlertMod" 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