@extends('admin.layouts.app')
@section('content')
    <link href="/assets/node_modules/switchery/dist/switchery.min.css" rel="stylesheet" />
    <div class="row page-titles">
        <div class="col-md-12">
            <h4 class="text-white">YSİİD</h4>
        </div>
        <div class="col-md-6">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="javascript:void(0)">Anasayfa</a></li>
                <li class="breadcrumb-item active">YSİİD</li>
            </ol>
        </div>
        <div class="col-md-6 text-right">
            <form class="app-search d-none d-md-block d-lg-block">
                <input type="text" class="form-control" placeholder="Search &amp; enter">
            </form>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    @if (session('status'))
                        <script>
                            $(document).ready(function() {
                                Swal.fire({
                                    position: 'center-center',
                                    type: 'success',
                                    title: '{{ session('status') }}',
                                    showConfirmButton: false,
                                    timer: 3000
                                })
                            });
                        </script>
                    @endif

                    <div class="text-right">
                        <a onclick="yeniDuyuru(this)" href="javascript:void(0)" class="btn btn-success text-white">Yeni
                            Duyuru Ekle</a>
                    </div>
                    <br>
                    <div class="table-responsive">
                        <table class="table color-bordered-table red-bordered-table">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Başlık</th>
                                    <th>Mesaj</th>
                                    <th>Düzenlenme Tarihi</th>
                                    <th>İşlem</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($duyuru as $page)
                                    <tr>
                                        <td><strong>{{ $page->id }}</strong></td>
                                        <td><strong>{{ $page->title }}</strong></td>
                                        <td><strong>{{ $page->title_box }}</strong></td>
                                        <td>{{ $page->date_time }}</td>
                                        <td>
                                            <button class="btn btn-danger" onclick="del(this)"
                                                data-id="{{ $page->id }}">Sil</button>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

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


    <div class="modal fade" id="myModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Yeni Duyuru Ekle</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="exampleInputEmail1" class="form-label">Duyuru Başlığı</label>
                        <input type="text" id="title" class="form-control" id="exampleInputEmail1"
                            aria-describedby="emailHelp">

                    </div>

                    <div class="mb-3">
                        <label for="exampleInputEmail1" class="form-label">Duyuru yazısı</label>
                        <textarea class="form-control" id="title_box"></textarea>

                    </div>



                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Kapat</button>
                    <button type="button" onclick="save()" class="btn btn-primary">Kayıt</button>
                </div>
            </div>
        </div>
    </div>

    <script src="/assets/node_modules/switchery/dist/switchery.min.js"></script>
    <script>
        function save() {
            var title = $('#title').val();
            var title_box = $('#title_box').val();
            $.ajax({
                type: "POST",
                url: "{{ Route('duyuruEkle') }}",
                data: {
                    title,
                    title_box
                },
                success: function(response) {
                    let res = JSON.parse(response);
                    if (res.status) {

                        Swal.fire({
                            position: 'center-center',

                            timer: 3000,
                            type: 'success',
                            title: 'Kayıt işlemi başarılı',
                            showConfirmButton: false,
                        }).then(function() {
                            window.location.reload();
                        })

                    } else {
                        Swal.fire({
                            position: 'center-center',
                            type: 'error',
                            title: 'Kayıt işlemi başarısız.',
                            showConfirmButton: false,
                            timer: 3000,
                            function() {
                                location.reload();
                            }
                        });
                    }
                }
            });
        }

        function yeniDuyuru(e) {
            var myModal = new bootstrap.Modal(document.getElementById('myModal'));
            myModal.show(); 
        }

        function del(e) {
            var id = $(e).attr('data-id');
            if (confirm("Silmek istiyor musunuz?") === true) {


                $.ajax({
                    type: "POST",
                    url: "{{ Route('duyuruDelete') }}",
                    data: {
                        id
                    },
                    success: function(response) {
                        let res = JSON.parse(response);
                        if (res.status) {

                            Swal.fire({
                                position: 'center-center',

                                timer: 3000,
                                type: 'success',
                                title: 'Silme işlemi başarılı',
                                showConfirmButton: false,
                            }).then(function() {
                                window.location.reload();
                            })

                        } else {
                            Swal.fire({
                                position: 'center-center',
                                type: 'error',
                                title: 'Silme işlemi başarısız.',
                                showConfirmButton: false,
                                timer: 3000,
                                function() {
                                    location.reload();
                                }
                            });
                        }
                    }
                });


            } else {


                Swal.fire({
                    position: 'center-center',

                    timer: 3000,

                    title: 'İşlem iptal edildi!',
                    showConfirmButton: false,
                })


            }





        }




        /*

           $.ajax({
                type: "POST",
                url: "url",
                data: "data",
                success: function (response) {
                    
                }
            });

        */
    </script>
@endsection