@extends('layouts.app')

@section('content')
<div class="row py-3">
    <div class="col-md-12">

        <h3 class="">Tarifs - Liste des Packs disponibles</h3>

        <div class="row">
            @foreach($currentPartner->smsPackages->where('is_disabled', false)->where('type', 'step') as $smsPackage)
                @if($smsPackage->steps()->count())
                    <div class="component-package-steps col-md-6" data-partner='{!! encodePhpJsData($currentPartner) !!}' data-package='{!! encodePhpJsData($smsPackage->load("steps")) !!}'></div>
                @endif
            @endforeach
        </div>

        <div class="row">
            @foreach($currentPartner->smsPackages->where('is_disabled', false)->where('type', 'volume') as $smsPackage)
                <div class="col-md-6">
                    <div class="card my-3">
                        <div class="card-header fw-bold text-center {{ $smsPackage->campaign_type === 'prosp' ? 'bg-primary color-on-bg-primary' : 'bg-secondary color-on-bg-secondary' }}">{{ $smsPackage->campaign_type === 'prosp' ? 'Prospection' : 'Fidélisation' }} <AppPopover content="{{ $smsPackage->campaign_type === 'prosp' ? 'Ces crédits sont utilisables uniquement dans le cadre de campagne de prospection par SMS. Les données sont issues de notre base de données propriétaire et vous serviront à trouver de nouveaux clients.' : 'Ces crédits sont utilisables uniquement dans le cadre de campagne de fidélisation par SMS. Ces numéros vous appartiennent et ces contacts ont accepté de recevoir vos offres.' }}"/></div>
                        <div class="card-body d-flex align-items-center">
                            <div class="card-text flex-grow-1">
                                {{$smsPackage->name}} : {{ number_format($smsPackage->volume, 0, ',', ' ') }} SMS / {{number_format($smsPackage->price, 0, ',', ' ') }}€ HT <br><small class="text-muted">{{ rtrim(number_format(($smsPackage->sms_price), 3, ',', ' '), '0') }}€/SMS HT</small>
                            </div>
                            <a href="{{ route('sms_packages.show', ['partnerSlug' => $currentPartner->slug, 'sms_package' => $smsPackage]) }}" class="btn btn-sm {{ $smsPackage->campaign_type === 'prosp' ? 'btn-primary' : 'btn-secondary' }}">
                                <i class="fas fa-shopping-basket pt-1" aria-hidden="true"></i>
                            </a>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>

        <h4 class="mt-3">Comment comptabiliser vos SMS</h4>
        <div class="card mb-4">
            <div class="card-body">
                <div class="card-text">
                    <ul class="clist clist-angle">
                        <li>1 SMS simple 149 caractères = 1 SMS</li>
                        <li>1 SMS double 291 caractères = 2 SMS</li>
                    </ul>
                    <p>Consommez vos unités pour l’envoi d'un ou plusieurs messages, comme bon vous semble… dans la limite des unités disponibles.</p>
                    <p>Exemples pour l’achat de 2 000 SMS :</p>
                    <ul class="clist clist-angle">
                        <li>Vous pouvez envoyer une campagne de 2 000 SMS simples = 2 000 SMS</li>
                        <li>Vous pouvez envoyer 4 campagnes quand vous voulez, de 500 SMS simples = 2 000 SMS</li>
                        <li>Vous pouvez envoyer une campagne de 1 000 SMS doubles (entre 150 et 291 caracteres) = 2 000 SMS</li>
                    </ul>
                </div>
            </div>
        </div>

    </div>
</div>
@endsection