@extends('backend.layouts.app')

@section('content')

<div class="aiz-titlebar text-left mt-2 mb-3">
	<div class="align-items-center">
			<h1 class="h3">Carriles</h1>
	</div>
</div>

<div class="row">
	<div class="col-md-7">
		<div class="card">
		    <div class="card-header row gutters-5">
				<div class="col text-center text-md-left">
					<h5 class="mb-md-0 h6">Carriles de la Terminal</h5>
				</div>
				<div class="col-md-4">
					<form class="" id="sort_carrils" action="" method="GET">
						<div class="input-group input-group-sm">
					  		<input type="text" class="form-control" id="search" name="search"@isset($sort_search) value="{{ $sort_search }}" @endisset placeholder="{{ translate('Buscar') }}">
						</div>
					</form>
				</div>
		    </div>
		    <div class="card-body">
		        <table class="table aiz-table mb-0">
		            <thead>
		                <tr>
		                    <th>#</th>
		                    <th>Nombre</th>
		                    <th class="text-right">Opciones</th>
		                </tr>
		            </thead>
		            <tbody>
		                @foreach($carrils as $key => $carril)
		                    <tr>
		                        <td>{{ ($key+1) + ($carrils->currentPage() - 1)*$carrils->perPage() }}</td>
		                        <td>{{ $carril->name }}</td>													
		                        <td class="text-right">
		                            <a class="btn btn-soft-primary btn-icon btn-circle btn-sm" href="{{route('carrils.edit', ['id'=>$carril->id] )}}" title="Editar">
		                                <i class="las la-edit"></i>
		                            </a>
		                            <a href="#" class="btn btn-soft-danger btn-icon btn-circle btn-sm confirm-delete" data-href="{{route('carrils.destroy', $carril->id)}}" title="Borrar">
		                                <i class="las la-trash"></i>
		                            </a>
		                        </td>
		                    </tr>
		                @endforeach
		            </tbody>
		        </table>
		        <div class="aiz-pagination">
                	{{ $carrils->appends(request()->input())->links() }}
            	</div>
		    </div>
		</div>
	</div>
	<div class="col-md-5">
		<div class="card">
			<div class="card-header">
				<h5 class="mb-0 h6">Agregar Nuevo Carril</h5>
			</div>
			<div class="card-body">
				<form action="{{ route('carrils.store') }}" method="POST">
					@csrf
					<div class="form-group mb-3">
						<label for="name">Nombre</label>
						<input type="text" placeholder="Nombre del destino" name="name" class="form-control" required>
					</div>
					<div class="form-group mb-3">
                        <label for="name">Seleccione una puerta de embarque</label>
                        <select name="puerta_id" required class="form-control aiz-selectpicker">
                                @foreach($puertas as $puerta)
                                    <option value="{{$puerta->id}}">{{$puerta->name}}</option>
                                @endforeach
                        </select>                        
                    </div>						
					<div class="form-group mb-3 text-right">
						<button type="submit" class="btn btn-primary">Guardar</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

@endsection

@section('modal')
    @include('modals.delete_modal')
@endsection

@section('script')
<script type="text/javascript">
    function sort_carrils(el){
        $('#sort_carrils').submit();
    }
</script>
@endsection