@extends('layouts.'.env('THEME'))

@section('style')

<style>

</style>

@endsection

@section('content')

<div class="container" id="main-container">

    <x-section_heading
        title="Email sample"
        rowclass="mt-5"/>

    <div class="row mb-3">
        <div class="col-12 pb-2">
            <p><strong>Subject: </strong>{!! $request->subject !!}</p>
            @if(empty($recipients))
                Could not find any contacts matching the filters you selected. Try adjusting your filter selections.
            @else
                <iframe style="width: 100%; border: 1px solid #000; min-height: 400px;"
                src="/create-bulk-mail-list?just_leadid={{array_values($recipients)[0]->id}}&preview=1&template={{$request->template}}&subject={{$request->subject}}&body={{$request->body}}" title="Email preview"></iframe>
            @endif
        </div>
    </div>

    <x-section_heading
        title="Recipients list {{ sizeof($recipients) }}"
        rowclass="my-5"/>

    <div class="row mb-1" style="font-weight: bold;">
        <div class="col-4">Name Email</div>
        <div class="col-1">Area</div>
        <div class="col-2">Postcode</div>
        <div class="col-2">Voucher</div>
        <div class="col-2">Installed</div>
        <div class="col-1">Preview</div>
    </div>

@foreach($recipients as $r)
    <div class="row mb-1" style="font-size: 0.7rem;">
        <div class="col-4">
             <a href="/customer/{{$r->id}}" target="_blank">
                {!! $r->fullname !!}
                {!! $r->getEmail() !!}
             </a>
        </div>
        <div class="col-1">
            @if(!empty($r->getArea()))
                {{ substr($r->getArea()->name, 0, 10) }}
            @endif
        </div>
        <div class="col-2">{!! $r->address->postcode !!}</div>
        <div class="col-2">{!! config('enum.voucher_consent_states')[$r->voucher_consent] !!}</div>
        <div class="col-2">{!! config('enum.install_states')[$r->install_state] !!}</div>
        <div class="col-1">
            {!! Form::open([
                'url' => '/create-bulk-mail-list',
                'target' => 'blank']) !!}
                {{ Form::hidden('just_leadid', $r->id) }}
                {{ Form::hidden('preview', 1) }}
                {{ Form::hidden('template', $request->template) }}
                {{ Form::hidden('subject', $request->subject) }}
                {{ Form::hidden('body', $request->body) }}
                {{ Form::hidden('cta_text', $request->cta_text) }}
                {{ Form::hidden('cta_url', $request->cta_url) }}
                {{ Form::hidden('cta_dashboard_page', $request->cta_dashboard_page) }}
                <input type="submit" value="preview" />
            {!! Form::close() !!}
        </div>
    </div>
@endforeach

    <div class="row mb-5">
        <div class="col-12" style="text-align: right;">

        {!! Form::open([
            'url' => '/send-bulk-mail',
            'target' => 'blank']) !!}
            {{ Form::hidden('template', $request->template) }}
            {{ Form::hidden('subject', $request->subject) }}
            {{ Form::hidden('body', $request->body) }}
                {{ Form::hidden('cta_text', $request->cta_text) }}
                {{ Form::hidden('cta_url', $request->cta_url) }}
                {{ Form::hidden('cta_dashboard_page', $request->cta_dashboard_page) }}
        @foreach($recipients as $r)
            {{ Form::hidden('recipients[]', $r->id) }}
        @endforeach
            <br />
            <button class="ml-3 btn btn-primary" type="submit">
                Send bulk email to {{ sizeof($recipients) }} recipients &nbsp; <i class="fas fa-chevron-circle-right"></i>
            </button>
            <br />
        {!! Form::close() !!}

        </div>
    </div>



</div>
@endsection