@extends('landingpages.templates.brand')

@section('head')
<title>{{ ucwords(mb_strtolower($cta)) }} | Debloquer Telephone</title>
@endsection

@section('form')
<h1 class="form-title">Désimlocker un téléphone Doro en <span class="text-green">3 minutes</span> seulement depuis chez vous !</h1>
<p class="form-subtitle hidden-xs">Utilisez notre code de déblocage fiable pour désimlocker rapidement votre mobile Doro et recevez un remboursement intégral si vous n’êtes pas satisfait.</p>
@include('landingpages.partials.form')
@endsection

@section('brand')
<h2 class="landingpage-subtitle">UNE MÉTHODE SIMPLE POUR DÉSIMLOCKER VOTRE DORO</h2>
<div class="row">
    <div class="col-md-6 center-block">
        <div class="well-ef single-price">
            <div class="price-body text-center">
                <p class="img"><img src="{{ asset('images/brands/small/'.$name.'.png') }}" alt="{{ $name }}"></p>
                <p class="price">15.90 <span class="superscript">€</span><span class="text-green text-note">**</span></p>
                <p class="vat-note">TTC</p>
            </div>
        </div>
    </div>
</div>
@endsection

@section('content')
  	<!-- Feature-area -->
    <section class="relative bg-dark-green text-white" id="features">
        <div class="space-50 hidden-xs"></div>
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-4 hidden-xs hidden-tablet-portrait">
                    <div class="space-60"></div>
                    <div class="text-left">
                        <img src="{{ asset('images/unlocked-iphone.png') }}" alt="">
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-8 text-content full-tablet-portrait">
                    <div class="space-20 hidden-md  hidden-tablet-portrait"></div>
                    <h4 class="page-title">LES GAINS OBTENUS APRÈS AVOIR DÉSIMLOCKER VOTRE TÉLÉPHONE PORTABLE :</h4>
                    <div class="space-5"></div>
                    <ul class="list-unstyled feature">
                        <li class="media">
                            <div class="media-left">
                                <i class="icofont icofont-check-circled"></i>
                            </div>
                            <div class="media-right media-middle">
                                <p>Vous serez en mesure d’utiliser des cartes SIM d’opérateurs français et d’opérateurs étrangers dans votre mobile.</p>
                            </div>
                        </li>
                        <li class="media">
                            <div class="media-left">
                                <i class="icofont icofont-check-circled"></i>
                            </div>
                            <div class="media-right media-middle">
                                <p> C’est la méthode la plus rapide et la plus simple afin de désimlocker votre téléphone Doro.</p>
                            </div>
                        </li>
                        <li class="media">
                            <div class="media-left">
                                <i class="icofont icofont-check-circled"></i>
                            </div>
                            <div class="media-right media-middle">
                                <p>Il vous suffit d’entrer votre code de déblocage dans votre mobile depuis votre domicile pour le désimlocker.</p>
                            </div>
                        </li>
                        <li class="media">
                            <div class="media-left">
                                <i class="icofont icofont-check-circled"></i>
                            </div>
                            <div class="media-right media-middle">
                                <p>Vous n’avez pas besoin de vous rendre dans une boutique pour désimlocker votre téléphone Doro et cela vous coûte 3x moins cher de le faire en ligne.</p>
                            </div>
                        </li>
                        <li class="media">
                            <div class="media-left">
                                <i class="icofont icofont-check-circled"></i>
                            </div>
                            <div class="media-right media-middle">
                                <p>Votre portable est définitivement désimlocké et nous vous remboursons intégralement si vous n’êtes pas satisfait.</p>
                            </div>
                        </li>
                        <li class="media">
                            <div class="media-left">
                                <i class="icofont icofont-check-circled"></i>
                            </div>
                            <div class="media-right media-middle">
                                <p>Désimlocker votre mobile Doro avec notre code de déblocage est sans danger pour votre appareil. Cette méthode n’altère pas votre garantie.</p>
                            </div>
                        </li>
                    </ul>
                    <div class="space-20"></div>
                </div>
            </div>
        </div>
    </section>
    <!-- Feature-area / -->

    <!--Client-Area-->
    <section class="relative bg-dirty-white" id="testimonials">
        <div class="space-70"></div>
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h3 class="page-title text-green text-bold">QUEL NOS CLIENTS DITES</h3>
                </div>
                <div class="space-20"></div>
            </div>
            <div class="row">
                <div class="col-xs-12 col-md-8 col-md-offset-2 text-center">
                    <div class="client-details-content">
                        <div class="client_details">
                        	@foreach($testimonials as $key => $testimonial)
							<div class="item">
                                <q>
                                    <span class="opening-quote">«</span>
                                    <span class="testimonial">« {{ $testimonial->content }} »</span>
                                </q>
                                <p class="ratings-wrapper">
                                    <i class="icofont icofont-star filled" aria-hidden="true"></i>
                                    <i class="icofont icofont-star filled" aria-hidden="true"></i>
                                    <i class="icofont icofont-star filled" aria-hidden="true"></i>
                                    <i class="icofont icofont-star filled" aria-hidden="true"></i>
                                    <i class="icofont icofont-star" aria-hidden="true"></i>
                                </p>
                                <h5 class="text-green text-normal">{{ $testimonial->author }}, {{ $testimonial->date }}</h5>
                                <p class="text-sm">{{ $testimonial->place }}</p>
                            </div>
                        	@endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="space-100"></div>
    </section>
    <!--Client-Area / -->
@endsection