@extends('layouts.backend')
@section('content')
<div class="col-sm-12">
	<div class="panel panel-alternative panel-alternative-blank">
		<div class="panel-heading text-center">
			<div class="row">
				<div class="col-sm-4">
					<h5>{{__('messages.accounts')}}</h5>
				</div>
				<div class="col-sm-8 float-right" style="display:flex;">
					<div class="col-sm-12 col-md-8 col-lg-8">
						<form id="form_account_search" class="form_search">
							<div class="input-group">
								<input id="search_account_value" type="text" class="form-control"
									placeholder="{{__('messages.search')}} {{__('messages.account')}}">
								<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="#accMod" value="Go!">{{__('messages.create')}}
							{{__('messages.account')}}</button>
					</div>
				</div>
			</div>
		</div>
		<div class="panel-body">
			<div class="col-sm-12 table-responsive" id="list">
				<table id="table_account" class="table table-hover">
					<thead class="thead-default">
						<tr>
							<th id="table_account_account_type" style="cursor: pointer;">{{__('messages.type')}}</th>
							<th id="table_account_account_address" style="cursor: pointer;">{{__('messages.address')}}
							</th>
							<th id="table_account_account_entity" style="cursor: pointer;">{{__('messages.entity')}}
							</th>
							<th id="table_account_account_date" style="cursor: pointer;">{{__('messages.created')}}</th>
							<th id="table_account_account_update" style="cursor: pointer;">
								{{__('messages.last_modified')}}</th>
							<th>{{__('messages.options')}}</th>
						</tr>
					</thead>
					<tfoot>
						<tr>
							<th colspan="3" id="account_page">
								<div class="form-group" style="width:70px">
									<select class='form-control' id="result_account_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_account_pagination" class="text-right" colspan="3"></th>
						</tr>
					</tfoot>
					<tbody id="table_account_content">
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>
<div class="modal fade" id="accMod" 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="accAlertMod" 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