@extends('layout')

@section('header')

    <div class="page-header clearfix">
        <div class="row">
            <div class="col-md-8">
                <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 class="col-md-4">
                <a class="btn btn-success btn-outline pull-right" href="{{ route('requests.create') }}"><i class="fa fa-plus" aria-hidden="true"></i> Crear nueva solicitud</a>
            </div>
        </div>
    </div>
@endsection

@section('content')
    <div class="row">
        <div class="col-xs-12">
            <div class="table-filters">
                <form action="" class="row">
                    <div class="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-md-2 col-sm-6 col-xs-12">
                        <a class="btn btn-default btn-block">Limpiar</a>
                    </div>
                    <div class="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-md-12">
            @if($requests->count())
                <div class="table-responsive">
                <table class="table table-condensed table-striped">
                    <thead>
                        <tr>
                            <th>Id #</th>
                            <th>Título</th>
                            <th>Descripción</th>
                            <th>Presupuesto</th>
                            <th>Categoría</th>
                            <th class="text-right">Opciones</th>
                        </tr>
                    </thead>

                    <tbody>
                        @foreach($requests as $request)
                            <tr>
                                <td>{{$request->id}}</td>
                                <td>{{$request->title}}</td>
                                <td>{{$request->description}}</td>
                                <td>{{$request->budget}}</td>
                                <td>{{$request->category}}</td>
                                <td class="text-right">
                                    <a class="btn btn-sm btn-default btn-outline" href="{{ route('requests.show', $request->id) }}"><i class="fa fa-eye" aria-hidden="true"></i> Detalles</a>
                                    @if(Auth::user()->role == 'basic')
                                    <a class="btn btn-sm btn-default" href="{{ route('requests.edit', $request->id) }}"><i class="fa fa-pencil" aria-hidden="true"></i> Editar</a>
                                    <form action="{{ route('requests.destroy', $request->id) }}" method="POST" style="display: inline;" onsubmit="if(confirm('Delete? Are you sure?')) { return true } else {return false };">
                                        <input type="hidden" name="_method" value="DELETE">
                                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                        <button type="submit" class="btn btn-sm btn-danger"><i class="fa fa-trash" aria-hidden="true"></i> Eliminar</button>
                                    </form>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                </div>
                {!! $requests->render() !!}
            @else
                <h3 class="text-center alert alert-info">No hay solicitudes para mostrar.</h3>
            @endif

        </div>
    </div>

@endsection