@extends('layouts/layout')
@section('title', 'Update Templates')
@push('style')
@endpush

@section('content')
@if ($message = Session::get('success'))
@include('sweetalert::alert')
@endif
<!-- page content -->
<div class="" role="main">
    <div class="">
        <div class="row">
            <div class="col-md-12 col-sm-12 mt-2">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>Update Template</h2>

                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content mt-0 p-0">
                        <form action="{{url('template', $templates[0]->template_id)}}" method="post" class="mb-3">
                            @csrf
                            @method('PUT')
                            <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                <div class="form-group">
                                    <label class="mb-1">Template Name</label>
                                    <input type="text" id="template_name" name="template_name" autocomplete="off"
                                        class="form-control" value="{{$templates[0]->templates_name}}">
                                    <span id="template_name_error" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                <div class="form-group">
                                    <label class="mb-1">Template Purpose</label>
                                    <input type="text" id="template_purpose" name="template_purpose" autocomplete="off"
                                        class="form-control" value="{{$templates[0]->templates_purpose}}">
                                    <span id="template_purpose_error" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                <div class="form-group">
                                    <label class="mb-1">Template Type</label>
                                    <select class="select2 form-control" name="template_type" id="template_type"
                                        data-toggle="select2">
                                        @foreach($templates as $template)
                                        <option value="{{$template->template_type}}" selected>
                                            {{$template->template_type}}</option>
                                        @endforeach
                                        <!-- <option value="SMS">SMS</option>
                                        <option value="Email">Email</option>
                                        <option value="Notification">Notification</option> -->
                                    </select>
                                    <span id="template_type_error" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                <div class="form-group">
                                    <label class="mb-1">Status</label>
                                    <select class="select2 form-control" name="status" id="status"
                                        data-toggle="select2">
                                        <option @if($templates[0]->status == '1') selected @endif value="1">Active
                                        </option>
                                        <option @if($templates[0]->status == '0') selected @endif value="0">Inactive
                                        </option>
                                    </select>
                                    <span id="status_error" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <!-- email subject -->
                            <!-- {{$templates[0]->templates}} -->
                            @if($templates[0]->template_type =='Email')

                            <!-- <div id="email" class="d-none"> -->
                            <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                                <div class="form-group">
                                    <label class="mb-1">Email Subject</label>
                                    <textarea class="form-control" id="email_subject" name="subject"
                                        value="{{$templates[0]->subject_title}}"
                                        rows="3">{{$templates[0]->subject_title}}</textarea>
                                </div>
                            </div>
                            <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                                <div class="form-group">
                                    <label class="mb-1 mt-2">Email Body</label>
                                    <textarea rows="3" class="form-control" name="description" id="description"
                                        value="{{$templates[0]->body}}">{{$templates[0]->body}}</textarea>
                                </div>
                            </div>
                            <!-- </div> -->
                            @endif
                            <!-- email close -->
                            <!--Notification title-->
                            @if($templates[0]->template_type =='Notification')
                            <!-- <div id="notification" class="d-none"> -->
                            <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                                <div class="form-group">
                                    <label class="mb-1">Subject/Notification Title</label>
                                    <textarea class="form-control" id="notification_title" name="subject"
                                        value="{{$templates[0]->subject_title}}"
                                        rows="3">{{$templates[0]->subject_title}}</textarea>
                                </div>
                            </div>
                            <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                                <div class="form-group">
                                    <label class="mb-1">Notification Body</label>
                                    <textarea rows="3" class="form-control" name="notification_description" id="notification_description"
                                        value="{{$templates[0]->body}}">{{$templates[0]->body}}</textarea>
                                </div>
                            </div>
                            <!-- </div> -->
                            @endif
                            <!-- notification end -->
                            @if($templates[0]->template_type =='SMS')
                            <!--sms body body-->
                            <!-- <div id="sms" class="d-none"> -->
                            <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                                <div class="form-group">
                                    <label class="mb-1">Messages Body</label>
                                    <textarea rows="3" class="form-control" name="description" id="description"
                                        value="{{$templates[0]->body}}">{{$templates[0]->body}}</textarea>
                                </div>
                            </div>
                            <!-- </div> -->
                            @endif
                            <!-- sms end -->
                            <div class="form-group">
                                <div class="col-md-6 col-sm-6 offset-md-5 mt-3">
                                    <input type="submit" class="btn btn-success btn-round btn-primary"
                                        name="update_template" id="update_template" value="Update Template" />
                                    <!-- <button type="submit" class="btn btn-round btn-primary">Submit</button> -->
                                </div>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /page content -->
@endsection
@push('scripts')
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
<script>
    $(document).ready(function(){
        $('.select2').select2();
    });
</script>
<script>
$(document).ready(function() {
    $("#update_template").on('click', function() {
        var error_msg = "";

        if ($("#template_name").val() == "") {
            $("#template_name_error").text("Please enter Template name.");
            error_msg = "Error";
        } else {
            $("#template_name_error").text("");
        }

        if ($("#template_type").val() == "") {
            $("#template_type_error").text("Please select Template type.");
            error_msg = "Error";
        } else {
            $("#template_type_error").text("");
        }

        if ($("#status").val() == "") {
            $("#status_error").text("Please select Status.");
            error_msg = "Error";
        } else {
            $("#status_error").text("");
        }

        if ($("#description").val() == "") {
            $("#description_error").text("Please enter Description.");
            error_msg = "Error";
        } else {
            $("#description_error").text("");
        }

        if (error_msg) {
            return false;
        }
    });

});
</script>

<script>
CKEDITOR.replace('description');
</script>
@endpush