@extends('layouts.app')

@section('content')
<div class="container">
	<div class="row">
		<div class="col-md-10 col-md-offset-1 col-xs-12">
			<h2 class="big-title center">
				<div class="row">
					<div class="col-md-6">
						<span class="big-title-inner">
							<span class="big-title-text">tesorería web</span>
							<span class="hot-corner top-right">
								<span class="corner corner-horizontal"></span>
								<span class="corner corner-vertical"></span>
							</span>
						</span>
					</div>
					<div class="col-md-6">
						<span class="big-title-inner">
							<span class="big-title-text">Administrador</span>
						</span>
					</div>
				</div>
				<span class="underline underline-blue"></span>
				<span class="underline underline-red"></span>
			</h2>
		</div>
	</div>
	<div class="row">
		<div class="col-md-10 col-md-offset-1 col-xs-12">
			<h1 class="view-title clearfix">
				<span class="view-title-inner">	
					<span class="view-title-circle"></span>
					<span class="view-title-text">solicitudes</span>
					<span class="view-title-circle"></span>
				</span>
			</h1>
		</div>
	</div>
</div>
<div class="container-fluid">
	<div class="row">
		<div class="col-xs-12">
			<div class="table-filters">
				<form action="" class="row">
					<div class="col-lg-offset-1 col-md-2 col-sm-6 col-xs-12">
						<select class="form-control">
							<option>Usuario</option>
							<option>2</option>
							<option>3</option>
							<option>4</option>
							<option>5</option>
						</select>
					</div>
					<div class="col-md-2 col-sm-6 col-xs-12">
						<select class="form-control">
							<option>Proveedor</option>
							<option>2</option>
							<option>3</option>
							<option>4</option>
							<option>5</option>
						</select>
					</div>
					<div class="col-md-2 col-sm-6 col-xs-12">
						<select class="form-control">
							<option>Desde</option>
							<option>2</option>
							<option>3</option>
							<option>4</option>
							<option>5</option>
						</select>
					</div>
					<div class="col-md-2 col-sm-6 col-xs-12">
						<select class="form-control">
							<option>Hasta</option>
							<option>2</option>
							<option>3</option>
							<option>4</option>
							<option>5</option>
						</select>
					</div>
					<div class="col-lg-1 col-md-2 col-sm-6 col-xs-12">
						<a class="btn btn-default btn-block">Limpiar</a>
					</div>
					<div class="col-lg-1 col-md-2 col-sm-6 col-xs-12">
						<a class="btn btn-primary btn-block">Localizar</a>
					</div>
				</form>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-xs-12">
			<div>
				<div class="text-center">
					<!-- Nav tabs -->
					<ul class="nav nav-tabs" role="tablist">
						<li role="presentation" class="active">
							<a href="#todas" aria-controls="todas" role="tab" data-toggle="tab">Todas</a>
						</li>
						<li role="presentation">
							<a href="#nuevas" aria-controls="nuevas" role="tab" data-toggle="tab">Nuevas</a>
						</li>
						<li role="presentation">
							<a href="#proceso" aria-controls="proceso" role="tab" data-toggle="tab">En Proceso</a>
						</li>
						<li role="presentation">
							<a href="#estatus" aria-controls="estatus" role="tab" data-toggle="tab">Estatus</a>
						</li>
						<li role="presentation">
							<a href="#finalizadas" aria-controls="finalizadas" role="tab" data-toggle="tab">Finalizadas</a>
						</li>
						<li role="presentation">
							<a href="#canceladas" aria-controls="canceladas" role="tab" data-toggle="tab">Canceladas</a>
						</li>
					</ul>
				</div>

				<!-- Tab panes -->
				<div class="tab-content">
					<div role="tabpanel" class="tab-pane active" id="todas">
						<div class="table-title">
							<span>solicitudes pendientes</span>
						</div>
						<div class="table-responsive">
							<table class="table table-bordered table-striped">
								<thead>
									<tr>
										<th>folio</th>
										<th>proveedor</th>
										<th>rfc</th>
										<th>area</th>
										<th>solicitante</th>
										<th>concepto</th>
										<th>fecha de factura</th>
										<th>monto</th>
										<th>fecha de solicitud</th>
										<th></th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>#123456</td>
										<td>SoftCodeMX</td>
										<td>mome920513hdf</td>
										<td>Finanzas</td>
										<td>Leonardo Rueda</td>
										<td>Capacitacion</td>
										<td>16 / Oct / 2016</td>
										<td>$ 23,457.00</td>
										<td>16 / Oct / 2016</td>
										<td>acciones</td>
									</tr>
									<tr>
										<td>#123456</td>
										<td>SoftCodeMX</td>
										<td>mome920513hdf</td>
										<td>Finanzas</td>
										<td>Leonardo Rueda</td>
										<td>Capacitacion</td>
										<td>16 / Oct / 2016</td>
										<td>$ 23,457.00</td>
										<td>16 / Oct / 2016</td>
										<td>acciones</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
					<div role="tabpanel" class="tab-pane" id="nuevas">...</div>
					<div role="tabpanel" class="tab-pane" id="proceso">...</div>
					<div role="tabpanel" class="tab-pane" id="estatus">...</div>
					<div role="tabpanel" class="tab-pane" id="finalizadas">...</div>
					<div role="tabpanel" class="tab-pane" id="canceladas">...</div>
				</div>

			</div>
		</div>
	</div>
</div>
@endsection