@include('web.common.header')

<div class="section" style="background-color: #ecfdff;margin-top: 80px;">
    <div class="container">
        <div class="title title-blue">
            Comparación para tu envío
        </div>
        <div class="section-body">
            <form action="{{ URL::to("comparar") }}" method="post" id="calculate-form" >
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <div class="calculate">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-inline" id="form-calculate">
                                <div class="form-group">
                                    <input type="text" class="form-control autocomplete-article" name="article" placeholder="Nombre del articulo" value="{{ app('request')->input('article') }}">
                                </div>
                                <div class="form-group">
                                    <select class="form-control select2" name="category_id">
                                        <option value="">Seleccionar categoria</option>
                                        @foreach($categories as $category)
                                            <option value="{{ $category->calculate_category_id }}" @if($category->calculate_category_id==old('category',app('request')->input('category_id'))) selected="selected" @endif>{{ $category->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <input type="number" class="form-control" placeholder="Peso" name="weight" value="{{ app('request')->input('weight') }}">
                                </div>
                                <div class="form-group">
                                    <input type="number" class="form-control" placeholder="Costo" name="cost" value="{{ app('request')->input('cost') }}">
                                </div>
                                <div class="form-group">
                                    <input type="submit" class="btn btn-primary btn-block btn-lg" value="Calcular" id="calculate">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="section" style="padding-top: 35px;">
    <div class="container">
        <div class="section-action-title">
            Comparaciones para: <b>"{{ app('request')->input('article') }}"</b>
        </div>
        <div class="section-body">
            <div class="col-md-12">
                <div class="row">
                    @foreach($couriers as $courier)
                        <div class="item-compare">
                            <a href="{{ URL::to("couriers/".$courier->courier_id) }}">
                                <div class="item-compare-image-container" style="padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom: 10px;">
                                    <img src="{{ URL::to($courier->logo) }}" alt="">
                                </div>
                            </a>
                                <div class="item-compare-description">
                                    <a href="{{ URL::to("couriers/".$courier->courier_id) }}">
                                        <div class="item-compare-title">
                                            {{ $courier->name }}
                                        </div>
                                    </a>
                                    <div class="item-compare-review">
                                        <span class="item-compare-rated"></span>
                                        <span class="item-compare-reviews">
                                            <div class="rate-start" id="rate-start{{ $courier->courier_id }}" data-stars="{{ $courier->reviews["rate"] }}"></div> <div class="rate">{{ $courier->reviews["rate"] }}</div> ({{ $courier->reviews["rate_number"] }}) opiniones
                                        </span>
                                    </div>
                                    <div class="item-compare-labels hidden-xs hidden-md">
                                        @foreach($courier->facilities as $facilities)
                                            <span class="badge bg-orange">
                                                {{ $facilities->name }}
                                            </span>
                                        @endforeach
                                    </div>
                                </div>

                                <div class="item-compare-price-container">
                                    <div class="item-compare-price-container-mobile hidden-lg">
                                        <div class="row">
                                            <div class="col-xs-6">
                                                <div class="item-compare-price">
                                                    RD${{ $courier->calculate_total }}*
                                                </div>
                                                <div class="item-compare-label">
                                                    Total estimado
                                                </div>
                                            </div>
                                            <div class="col-xs-6">
                                                <a href="{{ $courier->url }}" target="_blank">
                                                    <div class="item-compare-link btn btn-warning">
                                                        Visitar este courier
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12">
                                                
                                            </div>
                                        </div>

                                    </div>
                                    <div class="item-compare-price-container-desktop hidden-xs hidden-md">
                                        <div class="item-compare-price">
                                            RD${{ $courier->calculate_total }}*
                                        </div>
                                        <div class="item-compare-label">
                                            Total estimado
                                        </div>
                                        <a href="{{ $courier->url }}" target="_blank">
                                            <div class="item-compare-link btn btn-warning">
                                                Visitar este courier
                                            </div>
                                        </a>
                                    </div>
                                </div>
                        </div>
                    @endforeach
                </div>
            </div>
            <div class="col-md-4">
                
            </div>
        </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>

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

</script>