@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">Add</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.storeEmail') }}"
                                method="POST" enctype="multipart/form-data">
                                @csrf                                
                                <input type="hidden" name="created_by" value="{{ Auth::id() }}">
                                <input type="hidden" name="type" value="Email">
                                <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') }}" placeholder="Template Name">
                                        @if ($errors->has('name'))
                                            <span class="text-danger">{{ $errors->first('name') }}</span>
                                        @endif
                                    </div>
                                </div>
                                <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') }}" placeholder="subject">
                                        @if ($errors->has('subject'))
                                            <span class="text-danger">{{ $errors->first('subject') }}</span>
                                        @endif
                                    </div>
                                </div>

                                <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') }}" placeholder="From Name">
                                        @if ($errors->has('from_name'))
                                            <span class="text-danger">{{ $errors->first('from_name') }}</span>
                                        @endif
                                    </div>
                                </div>

                                <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">Attachment</span>
                                        </label>
                                    </div>
                                    <div class="col-md-9">
                                        <input type="file" class="form-control form-control-solid mb-2" name="attachment"
                                            id="attachment" value="{{ old('attachment') }}" placeholder="Upload Attachment" accept=".jpg,.jpeg,.png,.pdf,.doc,.docx,.xls,.xlsx">
                                        @if ($errors->has('attachment'))
                                            <span class="text-danger">{{ $errors->first('attachment') }}</span>
                                        @endif
                                    </div>
                                </div>
                                 <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">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', '1') == '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') == '2' ? 'checked' : '' }} required>
                                            <label class="form-check-label" for="flexRadioDefault1">
                                                Day Pass
                                            </label>
                                        </div>

                                        @if ($errors->has('template_type'))
                                            <div><span class="text-danger">{{ $errors->first('template_type') }}</span></div>
                                        @endif
                                    </div>
                                </div>


                                <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" placeholder="Body" class="form-control" id="body" maxlength="250">{{ old('body') }}</textarea>
                                        @if ($errors->has('body'))
                                            <span class="text-danger">{{ $errors->first('body') }}</span>
                                        @endif
                                    </div>
                                </div>
                               
                                
                                <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" data-kt-ecommerce-settings-type="submit" id="submit"
                                                class="btn btn-primary" id="submit" 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