@model ArticleAddViewModel

<link rel="stylesheet" href="~/css/switch.css">

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
<script>
    document.addEventListener('DOMContentLoaded', function () {
        document.getElementById('articleTitle').value = localStorage.getItem('articleTitle') || '';
        var selectedCategoryId = localStorage.getItem('selectedCategoryId') || '';
        document.getElementById('categoryList').value = selectedCategoryId;
        document.getElementById('articleTitle').addEventListener('input', function () {
            localStorage.setItem('articleTitle', this.value);
        });
        document.getElementById('categoryList').addEventListener('change', function () {
            localStorage.setItem('selectedCategoryId', this.value);
        });
        document.getElementById('saveButton').addEventListener('click', function (event) {
            event.preventDefault(); // Formun default submit işlemini engelle
            showConfirmation(); // Onay modalını göster
        });
    });

    function showConfirmation() {
        Swal.fire({
            title: 'Haberi yayınlamak istediğinden emin misin?',
            icon: 'question',
            showCancelButton: true,
            confirmButtonColor: '#2a9c3f',
            cancelButtonColor: '#d33',
            cancelButtonText: 'Vazgeç',
            confirmButtonText: 'Yayınla!'
        }).then((result) => {
            if (result.isConfirmed) {
                Swal.fire({
                    title: 'Haber Yayınlandı!.',
                    text: 'Haberiniz başarıyla yayınlandı.',
                    icon: 'success',
                    timer: 5000,
                    timerProgressBar: true,
                    showConfirmButton: false
                });
                // Formu submit et
                document.querySelector('form').submit();
                //window.location.href = window.location.origin + "/AdminPanel/Article/";

            }
        });
    }
</script>

<div class="container-xxl flex-grow-1 container-p-y">
    <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Makale İşlemleri /</span> Makale Yayınla</h4>

    <form asp-area="AdminPanel" asp-controller="Article" asp-action="Create" method="POST">
        <div class="col-md-12">
            <div class="card mb-12">
                <div asp-validation-summary="ModelOnly"></div>
                
                <h5 class="card-header">Haber Başlığı</h5>
                <div class="card-body">

                    <div class="form-floating form-group">
                        
                        <input asp-for="Title" type="text" class="form-control mb-2" id="articleTitle" placeholder="Haber başlığı..." aria-describedby="floatingInputHelp">
                        <label for="floatingInput">Başlık</label>
                        <div id="floatingInputHelp" class="form-text">                        
                        </div>                       
                    </div>
                    <span asp-validation-for="Title" class="text-danger"></span>
                </div>
                
          

            <h5 class="card-header" >Kategori</h5>
            <div class="card-body">
                    <div class="form-floating form-group">
                        <select id="categoryList" class="form-select form-select-lg" asp-for="CategoryId" asp-items="@(new SelectList(Model.Categories, "Id", "Name"))"> </select>                                               
                </div>
                    <span asp-validation-for="CategoryId" class="text-danger"></span>
            </div>

                <h5 class="card-header">İçerik</h5>
                <div class="card-body">
                    <div class="form-floating form-group">
                        <span asp-validation-for="Content" class="text-danger"></span> <!-- Doğrulama mesajı -->
                        <textarea asp-for="Content" type="text" class="form-control mb-2" id="text-editor" aria-describedby="floatingInputHelp"> </textarea>
                        <div id="floatingInputHelp" class="form-text">
                        </div>
                    </div>
                  
                </div>
                
             
                
                <div class="demo-inline-spacing m-4 form-group">
                    <button onclick="showConfirmation()" id="saveButton" class="btn rounded-pill btn-primary">
                        <span class="tf-icons bx bxs-save me-1"></span>Kaydet
                    </button>
                    <label class="switch switch-success">
                        <input type="checkbox" class="switch-input" asp-for="IsActive">
                        <span class="switch-toggle-slider">
                            <span class="switch-on">
                                <i class="bx bx-check"></i>
                            </span>
                            <span class="switch-off">
                                <i class="bx bx-x"></i>
                            </span>
                        </span>
                        <span class="switch-label">Yayınla</span>
                    </label>
               
                </div>
                
            </div>

        </div>
    </form>
   
</div>
</div>