@extends('layouts.master')

@section('content')
    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <div id="kt_content_container" class="container-xxl">
            <div class="d-flex flex-wrap flex-stack pb-7">
                <div class="d-flex flex-wrap align-items-center my-1">
                    <h3 class="fw-bold me-5 my-1">Email Template <span class="text-muted">Edit</span>
                    </h3>
                </div>
            </div>
            <div class="card card-flush">
                <div class="card-body">
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="kt_ecommerce_settings_edit" role="tabpanel">
                            <form class="form" action="{{ route('marketing.updateEmail') }}" method="POST" enctype="multipart/form-data">
                                @csrf                                
                                <input type="hidden" name="created_by" value="{{ Auth::id() }}">
                                <input type="hidden" name="type" value="Email">
                                    <input type="hidden" name="id" value="{{ $email->id }}">
                                {{-- Template Name --}}
                                <div class="row mb-7">
                                    <div class="col-md-3 text-md-end">
                                        <label for="name" class="fs-6 fw-semibold form-label mt-3">
                                            <span class="required">Template Name</span>
                                        </label>
                                    </div>
                                    <div class="col-md-9">
                                        <input type="text" class="form-control form-control-solid mb-2" name="name" id="name"
                                            value="{{ old('name', $email->name) }}" placeholder="Template Name">
                                        @error('name') <span class="text-danger">{{ $message }}</span> @enderror
                                    </div>
                                </div>

                                {{-- Subject --}}
                                <div class="row mb-7">
                                    <div class="col-md-3 text-md-end">
                                        <label for="subject" class="fs-6 fw-semibold form-label mt-3">
                                            <span class="required">Subject</span>
                                        </label>
                                    </div>
                                    <div class="col-md-9">
                                        <input type="text" class="form-control form-control-solid mb-2" name="subject" id="subject"
                                            value="{{ old('subject', $email->subject) }}" placeholder="Subject">
                                        @error('subject') <span class="text-danger">{{ $message }}</span> @enderror
                                    </div>
                                </div>

                                {{-- From Name --}}
                                <div class="row mb-7">
                                    <div class="col-md-3 text-md-end">
                                        <label for="from_name" class="fs-6 fw-semibold form-label mt-3">
                                            <span class="required">From Name</span>
                                        </label>
                                    </div>
                                    <div class="col-md-9">
                                        <input type="text" class="form-control form-control-solid mb-2" name="from_name" id="from_name"
                                            value="{{ old('from_name', $email->from_name) }}" placeholder="From Name">
                                        @error('from_name') <span class="text-danger">{{ $message }}</span> @enderror
                                    </div>
                                </div>

                                {{-- Attachment --}}
                                <div class="row mb-7">
                                    <div class="col-md-3 text-md-end">
                                        <label for="attachment" class="fs-6 fw-semibold form-label mt-3">
                                            <span class="required">Attachment</span>
                                        </label>
                                    </div>
                                    <div class="col-md-9">
                                        <input type="file" class="form-control form-control-solid mb-2" name="attachment" id="attachment"
                                            accept=".jpg,.jpeg,.png,.pdf,.doc,.docx,.xls,.xlsx">

                                        {{-- Show existing file if exists --}}
                                       @if (!empty($email->attachment))
                                            <div class="mt-2">
                                                <a href="{{ asset('uploads/email_attachments/' . $email->attachment) }}" target="_blank">
                                                    {{ $email->attachment }}
                                                </a>
                                            </div>
                                        @endif

                                        @error('attachment') <span class="text-danger">{{ $message }}</span> @enderror
                                    </div>
                                </div>

                                {{-- Template Type --}}
                                <div class="row mb-7">
                                    <div class="col-md-3 text-md-end">
                                        <label class="fs-6 fw-semibold form-label mt-3">
                                            <span class="required">Type</span>
                                        </label>
                                    </div>
                                    <div class="col-md-9">
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="template_type" value="1"
                                                id="flexRadioDefault2" {{ old('template_type', $email->template_type) == '1' ? 'checked' : '' }} required>
                                            <label class="form-check-label" for="flexRadioDefault2">Default</label>
                                        </div>

                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="template_type" value="2"
                                                id="flexRadioDefault1" {{ old('template_type', $email->template_type) == '2' ? 'checked' : '' }} required>
                                            <label class="form-check-label" for="flexRadioDefault1">Day Pass</label>
                                        </div>

                                        @error('template_type') <div><span class="text-danger">{{ $message }}</span></div> @enderror
                                    </div>
                                </div>

                                {{-- Body --}}
                                <div class="row mb-7">
                                    <div class="col-md-3 text-md-end">
                                        <label for="body" class="fs-6 fw-semibold form-label mt-3">
                                            <span class="required">Body</span>
                                        </label>
                                    </div>
                                    <div class="col-md-9">
                                        <textarea name="body" id="body" class="form-control" placeholder="Body">
                                            {{ old('body', $email->body) }}
                                        </textarea>
                                        @error('body') <span class="text-danger">{{ $message }}</span> @enderror
                                    </div>
                                </div>

                                {{-- Buttons --}}
                                <div class="row py-5">
                                    <div class="col-md-9 offset-md-3">
                                        <div class="d-flex">
                                            <a href="{{ route('marketing.index') }}" class="btn btn-light me-2">Cancel</a>
                                            <button type="submit" class="btn btn-primary" onclick="showSpinner();">
                                                <span class="indicator-label">Save</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </form>                          
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection()
@section('script')
<script src="https://cdn.ckeditor.com/4.22.1/standard/ckeditor.js"></script>
<script>
    CKEDITOR.replace('body');
    function showSpinner() {
        var submitButton = document.getElementById('submit');
        submitButton.innerHTML = '<span class="spinner-border spinner-border-sm align-middle ms-2"></span>';
    }

    function showSpinnerCancelBtn() {
            var cancelButton = document.getElementById('cancel');
            cancelButton.innerHTML = '<span class="spinner-border spinner-border-sm align-middle ms-2"></span>';
        }
</script>
@endsection