@include('web.common.header')

<div class="section" style="background-color: #ecfdff;margin-top: 80px;">
    <div class="container">
        <div class="title title-blue" style="margin-bottom:0px;">
            {{ $courier->name }} > Detalles del courier
        </div>
    </div>
</div>

<div class="section" style="padding-top: 40px;">
    <div class="container">
        <div class="section-body">
            <div class="breadboard">
                <div class="business-logo" >
                        <img src="{{ URL::to($courier->logo) }}" alt="">
                </div>
                <div class="name-container">
                    <div class="business-name">{{ $courier->name }}</div>
                    <div class="business-review"><div class="rate-start" data-stars="{{ $courier->reviews["rate"] }}"></div> <div class="rate">{{ $courier->reviews["rate"] }}</div> ({{ $courier->reviews["rate_number"] }}) opiniones</div>
                    <div class="business-url"><a href="{{ URL::to('redirect?type=courier&element_id='.$courier->courier_id) }}" target="_blank">{{ $courier->url }}</a></div>
                    <div class="business-price">
                        <span class="badge bg-orange">RD${{ number_format($courier->rate,2) }}</span>
                    </div>
                    <div class="business-buttons">
                        @if($courier->tel!="")
                            <a href="{{ $courier->tel }}" class="btn btn-default">Llamar</a>
                        @endif
                        @if($courier->email!="")
                            <a href="{{ $courier->email }}" class="btn btn-default">Enviar correo</a>
                        @endif
                    </div>
                </div>
            </div>
            <div class="business-detail">
                <nav class="navbar navbar-default">
                    <div class="container-fluid">
                      <ul class="nav navbar-nav">
                        <li class="active tab" data-display="review"><a href="#">Opiniones</a></li>
                        <li class="tab" data-display="pos"><a href="#">Sucursales</a></li>
                        <li class="tab" data-display="service-facility"><a href="#">Servicios y facilidades</a></li>
                        <li class="tab" data-display="blog"><a href="#">Noticias</a></li>
                        <li class="tab" data-display="offer"><a href="#">Ofertas y descuentos</a></li>
                      </ul>
                    </div>
                  </nav>
                <div class="business-section tab-courier" id="tab-review">
                    @foreach($courier_reviews as $courier_review)
                    <div class="review-item">
                        <div class="review-item-photo">
                            <img src="https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fchrisalensula.org%2Fwp-content%2Fplugins%2Fall-in-one-seo-pack%2Fimages%2Fdefault-user-image.png&f=1&nofb=1" alt="">
                        </div>
                        <div class="review-detail">
                            <div class="review-item-name">
                                {{ $courier_review->name_complete}}
                            </div>
                            <div class="review-item-rate">
                                <i class="fa fa-star" style="color:#FFA00B"></i> {{ $courier_review->rate}}
                            </div>
                            <div class="review-item-review">
                                {{ $courier_review->comment}}
                            </div>
                        </div>
                    </div>
                    @endforeach
                    @if(count($courier_reviews)==0)
                            <div class="col-md-12">
                                <div class="alert alert-warning" role="alert">Aun nadie ha dejado su opinion atrevete a ser el primero</a></b>.</div>
                            </div>
                    @endif
                    @if(!Auth::guest())
                        <div class="review-create">
                            <div class="review-form">
                                <input type="hidden" name="courier_id" value="{{ $courier->courier_id }}">

                                <textarea name="comment" id="" cols="30" rows="2" class="form-control" placeholder="Deja tu review y ayuda a mejorar la experiencia en {{ $courier->name }}"></textarea>
                            </div>
                            <div class="button">
                                <div class="rate-start-make"></div>
                                <input type="button" value="Comentar" class="btn btn-primary pull-right" id="sendReview">
                            </div>
                        </div>
                    @else
                        <div class="col-md-12">
                            <div class="alert alert-warning" role="alert">Debes estar registrado para poder dejar una opinión <a href="{{ URL::to("register") }}"><b>Registrate</b></a> o <b><a href="{{ URL::to("login") }}">Inicia sesión</a></b>.</div>
                        </div>
                    @endif
                </div>
                <div class="business-section tab-courier" id="tab-pos">
                    @foreach($courier_poss as $courier_pos)
                        <div class="pos-item">
                            <div style="overflow:hidden;">
                                <div class="pos-icon">
                                    <img src="https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fchrisalensula.org%2Fwp-content%2Fplugins%2Fall-in-one-seo-pack%2Fimages%2Fdefault-user-image.png&f=1&nofb=1" alt="">
                                </div>
                                <div class="pos-detail">
                                    <div class="pos-name">{{ $courier_pos->name }}</div>
                                    <div class="pos-address">{{ $courier_pos->address }}</div>
                                    <div class="pos-buttons">
                                        @if($courier->tel!="")
                                            <a href="" class="btn btn-default">Llamar</a>
                                        @endif
                                        @if($courier->email!="")
                                            <a href="" class="btn btn-default">Enviar correo electronico</a>
                                        @endif
                                        @if($courier->address!="")
                                            <a href="" class="btn btn-default">Como llegar</a>
                                        @endif
                                        @if(count($courier_pos->schedules)>0)
                                            <span href="" class="btn btn-default show_pos" id="{{ $courier_pos->courier_pos_id }}">Ver horario</span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            @if(count($courier_pos->schedules)>0)
                                <div class="pos-schedule" id="schedule{{ $courier_pos->courier_pos_id }}">
                                        <table class="table">
                                            <tr>
                                                <th>Dia</th>
                                                <th>Horario</th>
                                                <th>Horario de almuerzo</th>
                                            </tr>
                                            @foreach($courier_pos->schedules as $schedule)
                                                <tr>
                                                    <td>{{ $schedule->day }}</td>
                                                    <td>{{ $schedule->hour_init }} - {{ $schedule->hour_finish }}</td>
                                                    <td>{{ $schedule->hour_init_lunch }} - {{ $schedule->hour_finish_lunch }}</td>
                                                </tr>
                                            @endforeach
                                        </table>
                                </div>
                            @endif
                        </div>
                    @endforeach
                    @if(count($courier_poss)==0)
                            <div class="col-md-12">
                                <div class="alert alert-warning" role="alert">Aun este courier no posee sucursales agregadas</a></b>.</div>
                            </div>
                    @endif
                </div>
                <div class="business-section tab-courier" id="tab-service-facility">
                    @foreach($services_facilities as $service_facility)  
                        <div class="pos-facility-item">
                            <div class="pos-facility-icon">
                                <i class="fa  fa-check-circle"></i>
                            </div>
                            <div class="pos-facility-name">
                                {{ $service_facility->name }}
                            </div>
                        </div>
                    @endforeach
                    @if(count($services_facilities)==0)
                            <div class="col-md-12">
                                <div class="alert alert-warning" role="alert">Aun este courier no posee facilidades y servicios agregadas</a></b>.</div>
                            </div>
                    @endif
                </div>
                <div class="business-section tab-courier" id="tab-blog">
                    @foreach($blog_entries as $blog_entry )
                        <div class="col-md-4">
                            <a href="{{ URL::to("blog/".$blog_entry->key) }}">
                                <div class="card">
                                    <div class="card-image" style="background:url('https://www.grupovalora.es/wp-content/uploads/2019/09/agente-de-aduanas.jpg');
                                        background-repeat: no-repeat;
                                        background-position: center;"></div>
                                    <div class="card-description">
                                        <div class="card-date">
                                            {{ $blog_entry->created_at }}
                                        </div>
                                        <div class="card-title">
                                            {{ $blog_entry->title }}
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    @endforeach
                    @if(count($blog_entries)==0)
                            <div class="col-md-12">
                                <div class="alert alert-warning" role="alert">Aun este courier no posee noticias</a></b>.</div>
                            </div>
                    @endif
                </div>
                <div class="business-section tab-courier" id="tab-offer">
                    @foreach($offers as $offer )
                        <div class="col-md-4">
                            <a href="{{ URL::to("blog/".$offer->courier_discount_id) }}">
                                <div class="card">
                                    <div class="card-image" >
                                        <img src="{{ URL::to($offer->image) }}" alt="">
                                    </div>
                                    <div class="card-description">
                                        <div class="card-title">
                                            {{ $offer->name }}
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    @endforeach
                    @if(count($offers)==0)
                        <div class="col-md-12">
                            <div class="alert alert-warning" role="alert">Aun este courier no tiene ofertas disponibles</a></b>.</div>
                        </div>
                    @endif
                </div>

            </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;
    }
    .navbar {
        box-shadow: none; 
        border: 2px solid #f3f6fd;
    }
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
        color: #555;
        background-color: #f4f6fd;
    }
</style>

<script>

    $(".show_pos").on("click",function(){
        var pos_id = $(this).attr("id");
        $("#schedule"+pos_id).toggle();
    });

    $(document).ready(function(){
        
        $(".tab").on("click",function(event){
            event.preventDefault();
            var display = $(this).attr("data-display");
            $(".tab-courier").hide();
            $("#tab-"+display).show();
            $(".tab").removeClass('active');
            $(this).addClass('active');
        });

        $(".tab:first-child").trigger("click");

        $.ratePicker(".rate-start",{ max :5, rgbOn:"#FFA00B", rgbOff:"#bdc3c7", rgbSelection:"#FFA00B" });
        $.ratePicker(".rate-start-make ",{ max :5, rgbOn:"#FFA00B", rgbOff:"#bdc3c7", rgbSelection:"#FFA00B" });

    });

    $("#sendReview").on("click",function(){

        var courier_id =  $('.review-create input[name="courier_id"]').val();
        var rate =  $('.review-create input[name="rate-start-make"]').val();
        var comment =  $('.review-create textarea[name="comment"]').val();

        if(courier_id==""){

            alert("Introduco el articulo para poder calcular");
            return false;

        }

        if(rate==""){

            alert("Debes poner las estrellas para poder hacer una opinión");
            return false;

        }

        if(comment==""){

            alert("Debes agregar un comentario para poder hacer una opinión");
            return false;

        }

        $.post( "{{ env('APP_BASE_URL') }}review/store", {"courier_id":courier_id,"rate":rate,"comment":comment})
        .done(function( data ) {

            alert("Tu opinion ha sido enviada exitosamente.");

        })
        .fail(function() {
            alert( "No hemos podido enviar tu opinión." );
        });

    });

</script>