@extends('layouts.app')

@section('content')
<div class="row pt-5 pb-2 justify-content-center">
    <div class="col-lg-7 col-md-9">
        @include('components.alert_success')

        @if($campaignFid->status === 'sent' && $campaignFid->wp_campaign_id && $currentPartner->show_fid_analytics && $campaignFid->diffFromNowInHours() < 72)
            <div class="alert alert-warning mt-3 text-center" role="alert">
                 Vos statistiques et désabonnements  <span id="js-analytics-countdown" data-date="{{ $campaignFid->date->addHours(72)  }}"></span>
            </div>
        @endif

        <div class="text-end mb-3">
            <div id="campaign-test-component" class="d-inline-block" data-admin-url='{!! env("ADMIN_URL") !!}' data-partner='{!! encodePhpJsData($currentPartner) !!}' data-campaign='{!! encodePhpJsData($campaignFid) !!}' data-campaing-type='fid' data-user='{!! encodePhpJsData(Auth::user()) !!}'></div>

            <form class="d-inline"
                  method="POST"
                  id="dl-secure-export"
                  action="{{ env('ADMIN_URL') }}/api/partners/{{ $currentPartner->id }}/campaign_fids/{{  $campaignFid->id }}/export">
                <button type="submit" class="d-inline-block btn btn-secondary">Exporter toutes les données</button>
            </form>
        </div>

        <div class="card">
            <div class="card-header">
                {{ $campaignFid->name }}
            </div>
            <div class="card-body">

                <p class="fw-bold mt-0">Résumé :</p>

                <p>
                    @if(!$currentPartner->has_euro_credit )
                        Envoi de {{ $campaignFid->volume }} SMS soit {{ $campaignFid->sms }} crédits.
                    @else
                        Envoi de {{ $campaignFid->volume }} SMS soit un coût de {{ $campaignFid->cost }}€.
                    @endif
                </p>

                <p>
                    @if($campaignFid->status === 'draft')
                        La campagne est en brouillon.
                    @elseif($campaignFid->status === 'sent')
                        La campagne a été envoyée le {{ $campaignFid->date->format('d/m/Y H:i') }}
                    @elseif($campaignFid->status === 'payed')
                        La campagne est programmée pour le {{ $campaignFid->date->format('d/m/Y H:i') }}.
                    @elseif($campaignFid->status === 'cancel')
                        La campagne est annulée.
                    @endif
                </p>

                @if($campaignFid->sender)
                    <p class="fw-bold">Expéditeur :</p>
                    <p>{{ $campaignFid->sender }}</p>
                @endif

                @if($campaignFid->message)
                    <p class="fw-bold">Message : </p>
                    <p>{{ $campaignFid->message }}</p>
                @endif

                <div class="text-center">
                    @if($campaignFid->status === 'draft' || $campaignFid->status === 'payed')

                        <a class="btn btn-secondary mx-1" href="{{ route('campaign_fids.edit', ['partnerSlug' => $currentPartner->slug, 'campaignFid' => $campaignFid]) }}" >Modifier</a>
                    @endif
                </div>

            </div>
        </div>

        @if($campaignFid->status === 'sent' && $campaignFid->wp_campaign_id && $currentPartner->show_fid_analytics && $campaignFid->diffFromNowInHours() >= 72)
            <div class="row pt-4">
                <div class="col-md-12">
                    <div id="component-campaign-analytics" class="py-4" data-admin-url='{!! env("ADMIN_URL") !!}' data-campaign='{!! encodePhpJsData($campaignFid) !!}' data-type="fids"></div>
                </div>
            </div>
        @endif

        @if($campaignFid->status === 'sent' && $campaignFid->wp_campaign_id && $campaignFid->diffFromNowInHours() >= 72)
            <div class="row py-2">
                <div class="col-md-12">
                    <div id="component-campaign-numeros-analytics" class="py-4" data-admin-url='{!! env("ADMIN_URL") !!}' data-campaign='{!! encodePhpJsData($campaignFid) !!}' data-type="fids"></div>
                </div>
            </div>
        @endif


    </div>
</div>
@endsection

@push('scripts_after')
    <script>
      document.addEventListener('DOMContentLoaded', () => {
        addSecureToken();
      });
    </script>
@endpush