@php
    $email_message = new App\Models\EmailMessage;

    $salutation_style = json_decode($salutation_style);
    $command = false;
    $edit_salutation = true;
    
    if($type == 'work_notification_email' || $type == 'payment_notification_email') 
        $command = true;
@endphp

<div class="form-group">
    <label for="type" class="fw-bold">{!! __('Típus') !!}</label> {{ $type_lang }} - {{ $method }}
</div>

<div class="form-group">
    <label for="subject">{!! __('Tárgy') !!}</label>
    <input id="subject" subject="input" class="form-control @error('subject') is-invalid @enderror" name="subject" value="{{ isset($subject) ? $subject : old('subject') }}" required autocomplete="subject" />
    @error('subject')
        <span class="invalid-feedback" role="alert">
            <strong>{!! $subject !!}</strong>
        </span>
    @enderror
</div>

@if($edit_salutation)
<div class="form-group">
    <label for="salutation">{!! __('Megszólítás') !!}</label>
    <div class="accordion" id="accordionCommand">
        <div class="d-flex align-items-center">
            <input id="salutation" class="form-control mr-2 @error('salutation') is-invalid @enderror" name="salutation" value="{{ isset($salutation) ? $salutation : old('salutation') }}" required autocomplete="salutation" />
            <a class="btn btn-primary mr-2" data-bs-toggle="collapse" href="#collapseCommand2" role="button" aria-expanded="false" aria-controls="collapseCommand2">
                Formázás
            </a>
            <a class="btn btn-primary" data-bs-toggle="collapse" href="#collapseCommand1" role="button" aria-expanded="false" aria-controls="collapseCommand1">
                Változók
            </a>
        </div>
        <div class="collapse mt-2" id="collapseCommand2">
            <div class="card card-body alert alert-info">
                <label for="salutation">{!! __('Megszóláítás formázása') !!}</label>
                <div class="row">
                    <div class="col-6 d-flex align-items-center">
                        <span class="mr-2">Méret:</span>
                        <select class="form-control" id="salutation_font_size" name="salutation_font_size">
                            @for ($i = 1; $i <= 24; $i++)
                                <option value="{{ $i }}" @if(isset($salutation_style) && $salutation_style->size == $i) selected @endif>{{ $i }} px</option>
                            @endfor
                        </select>
                    </div>
                    <div class="col-6 d-flex align-items-center">
                        <div class="form-check mr-3">
                            <input type="hidden" name="salutation_bold" value="0">
                            <input class="form-check-input" type="checkbox" id="salutation_bold" name="salutation_bold" value="1" @if(isset($salutation_style) && $salutation_style->bold) checked @endif>
                            <label class="form-check-label" for="salutation_bold">
                                Félkövér
                            </label>
                        </div>
                        <div class="form-check mr-3">
                            <input type="hidden" name="salutation_italic" value="0">
                            <input class="form-check-input" type="checkbox" id="salutation_italic" name="salutation_italic" value="1" @if(isset($salutation_style) && $salutation_style->italic) checked @endif>
                            <label class="form-check-label" for="salutation_italic">
                                Dőlt
                            </label>
                        </div>
                        <div class="form-check mr-3">
                            <input type="hidden" name="salutation_underline" value="0">
                            <input class="form-check-input" type="checkbox" id="salutation_underline" name="salutation_underline" value="1" @if(isset($salutation_style) && $salutation_style->underline) checked @endif>
                            <label class="form-check-label" for="salutation_underline">
                                Aláhúzott
                            </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="collapse mt-2" id="collapseCommand1">
            <div class="card card-body alert alert-info">
                {{$email_message->getEmailVariableName('client_fullName')}}: {:client_fullName} - 
                {{$email_message->getEmailVariableName('client_firstName')}}: {:client_firstName}
            </div>
        </div>
    </div>
    @error('salutation')
        <span class="invalid-feedback" role="alert">
            <strong>{!! $salutation !!}</strong>
        </span>
    @enderror
</div>
@endif

<div class="form-group">
    <label for="message">{!! __('Üzenet') !!}</label>
    <textarea id="message" name="message" cols="30" rows="10" class="ckeditor form-control @error('message') is-invalid @enderror">{{ isset($message) ? $message : old('message') }}</textarea>
    @if ($command)
    <div class="alert alert-info mt-2" role="alert">
        <div>
            @if($type == 'payment_notification_email')
                {{$email_message->getEmailVariableName('billing_number')}}: {:billing_number} - 
                {{$email_message->getEmailVariableName('amount')}}: {:amount} -                
                {{$email_message->getEmailVariableName('offer_number')}}: {:offer_number} 
            @endif
            @if($type == 'work_notification_email')
                {{$email_message->getEmailVariableName('notification_date')}}: {:notification_date} - 
                {{$email_message->getEmailVariableName('offer_number')}}: {:offer_number} -
                {{$email_message->getEmailVariableName('full_address')}}: {:full_address}
            @endif
        </div>
    </div>        
    @endif
    @error('message')
        <span class="invalid-feedback" role="alert">
            <strong>{!! $message !!}</strong>
        </span>
    @enderror
</div>

<input type="hidden" name="method" id="method" value="{{$method}}">

<script>
    $(document).ready(function() {
        get_ckeditor();
    });
</script>