@extends('landingpages.templates.operator')

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

@section('form')
<h1 class="form-title">DÉBLOQUER EN LIGNE VOTRE MOBILE ORANGE</h1>
<p class="form-subtitle hidden-xs">Obtenez un code de déblocage 100 % garanti pour débloquer facilement votre téléphone Orange. Satisfait ou intégralement remboursé.</p>
@include('landingpages.partials.form')
@endsection

@section('brand')
<h2 class="landingpage-subtitle">NOTRE MÉTHODE SIMPLE ET EFFICACE POUR DÉBLOQUER VOTRE PORTABLE ORANGE</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">DÉBLOQUER VOTRE MOBILE DE CHEZ ORANGE AFIN D’OBTENIR PLUSIEURS AVANTAGES :</h4>
                    <div class="space-5"></div>
                    {{-- <p>Désimlocker votre portable Orange revient à débloquer votre téléphone pour pouvoir l’utiliser avec tous les opérateurs, en France ou à l’international.</p> --}}
                    <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>Utilisez librement des cartes SIM d’opérateurs français et étrangers avec votre portable de chez Orange.</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>Bénéficiez d’une méthode sûre pour débloquer rapidement votre téléphone de chez Orange.</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ébloquer en 5 minutes votre mobile Orange depuis chez vous avec un code de déblocage 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>Payez jusqu’à trois fois moins cher que dans une boutique pour débloquer votre portable Orange.</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ébloquer votre téléphone de chez Orange pour de bon et obtenez un remboursement total 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>Utilisez notre méthode sûre et rapide pour débloquer votre mobile de chez Orange. C’est sans danger pour 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