@include('web.common.header')

<div class="section" style="background-color: #ecfdff;margin-top: 80px;">
    <div class="container">
        <div class="title title-blue">
            Todos los couriers
        </div>
        <div class="section-body">
            <div class="calculate bg-blue">
                <form action="{{ URL::to('couriers') }}" method="get">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-inline" id="form-filter">
                                <div class="form-group">
                                    <label class="form-control-placeholder" for="name">Courier</label>
                                    <input type="text" class="form-control" name="term" placeholder="Nombre del courier" value="{{ old('term',app('request')->input('term')) }}">
                                </div>
                                <div class="form-group">
                                    <label class="form-control-placeholder" for="name">Provincia</label>
                                    <select class="form-control select2" name="filter_province">
                                        <option value="">Seleccionar provincia</option>
                                        @foreach($provinces as $province)
                                            <option value="{{ $province->province_id }}" @if($province->province_id==old('filter_province',app('request')->input('filter_province'))) selected="selected" @endif>{{ $province->province }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label class="form-control-placeholder" for="name">Servicio o facilidad</label>
                                    <select class="form-control select2" name="filter_service">
                                        <option value="">Seleccionar servicio o facilidades</option>
                                        @foreach($services as $service)
                                            <option value="{{ $service->courier_service_id }}" @if($service->courier_service_id==old('filter_service',app('request')->input('filter_service'))) selected="selected" @endif>{{ $service->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label class="form-control-placeholder" for="name">Precio</label>
                                    <input type="number" class="form-control" name="filter_rate" placeholder="Precio por libra" value="{{ old('filter_rate',app('request')->input('filter_rate')) }}">
                                </div>
                                <div class="form-group">
                                    <input type="submit" class="btn btn-primary btn-block btn-lg" value="Filtrar">
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="section">
    <div class="container">
        <div class="section-body">
            <div class="row">
                @foreach($couriers as $courier)
                    <a href="{{ URL::to("couriers/".$courier->courier_id) }}">
                        <div class="col-md-4">
                            <div class="card">
                                <div class="card-image">
                                    <img src="{{ URL::to($courier->logo) }}" alt="">
                                </div>
                                <div class="card-description">
                                    <div class="card-title">
                                        {{ $courier->name }}
                                    </div>
                                    <div class="card-review">
                                        <div class="rate-start" id="rate-start{{ $courier->courier_id }}" data-stars="{{ $courier->reviews["rate"] }}"></div> <div class="rate">{{ $courier->reviews["rate"] }}</div> <div class="card-review-number">({{ $courier->reviews["rate_number"] }}) opiniones</div>
                                    </div>
                                    <div class="card-options hidden">
                                        <span class="badge bg-orange">Carga</span>
                                        <span class="badge bg-orange">Aduanas</span>
                                        <span class="badge bg-orange">Envios</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                @endforeach
            </div>
            <div class="row">
                @include('admin.common.pagination.default', ['paginator' => $couriers])
            </div>

            @if(count($couriers)==0)
                <div class="row">
                    <div class="col-md-12">
                        <div class="alert alert-warning" role="alert">No se obtuvieron resultados</a></b>.</div>
                    </div>
                </div>
            @endif
        </div>
    </div>
</div>
@include('web.common.footer')

<style>
    .card{
        margin-bottom: 26px;
        border: 2px solid #f3f6fd;
        box-shadow: none !important;
    }
    .footer{
        background: #f4f6fd !important;
    }
</style>

<script>
    @foreach($couriers as $courier)
        $.ratePicker("#rate-start{{ $courier->courier_id }}",{ max :5, rgbOn:"#FFA00B", rgbOff:"#bdc3c7", rgbSelection:"#FFA00B" });
    @endforeach
</script>