@extends('admin.app')
@section('content')
    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-left mb-0">Anonslar</h2>
                            <div class="breadcrumb-wrapper col-12">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a
                                            href="/panel/gosterge-paneli">Gösterge
                                            Paneli</a>
                                    </li>
                                    <li class="breadcrumb-item active">Anonslar
                                    </li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-body">
                <section id="multiple-column-form">
                    <div class="row match-height">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-content">
                                    <div class="card-body">
                                        <button type="button" class="btn btn-success" data-toggle="modal"
                                                data-target="#exampleModal">Anons Ekle
                                        </button>
                                        <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
                                             aria-labelledby="exampleModalLabel" aria-hidden="true">
                                            <div class="modal-dialog" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <h5 class="modal-title" id="exampleModalLabel">Anons Ekle</h5>
                                                        <button type="button" class="close" data-dismiss="modal"
                                                                aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body">
                                                        <form id="announce-form">
                                                            {{csrf_field()}}
                                                            <label>Anons</label>
                                                            <textarea name="announce" class="form-control"></textarea>
                                                        </form>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-secondary"
                                                                data-dismiss="modal">Kapat
                                                        </button>
                                                        <button type="button" class="btn btn-primary"
                                                                id="save-announce">Kaydet
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- Data list view starts -->
                <section id="data-list-view" class="data-list-view-header">

                    <div class="card">

                        <div class="card-content">
                            <div class="card-body">

                                <!-- Table with outer spacing -->
                                <div class="table-responsive">
                                    <table class="table">
                                        <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Anons</th>
                                            <th>Eklenme Tarihi</th>
                                            <th>Aksiyon</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($announces as $announce)
                                            <tr id="review-tr-{{$announce->id}}">
                                                <td>{{$announce->id}}</td>
                                                <td>{{@$announce->announce}}</td>
                                                <td>{{date('d/m/Y H:i',strtotime($announce->created_at))}}</td>
                                                <td>
                                                    <div class="btn-group">
                                                        <button href="javascript:;" data-id="{{$announce->id}}" onclick="deleteAnnounce('{{$announce->id}}')"
                                                                data-status="deleted"
                                                                class="btn btn-md btn-danger waves-effect waves-light update-review">
                                                            <i class="feather icon-delete"></i></button>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                    <div style="text-align: center">
                                        {{$announces->links()}}

                                    </div>
                                </div>

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

                </section>
                <!-- Data list view end -->

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

@endsection
@section('css')
@endsection
@section('js')
    <script>
        $('#save-announce').on('click',function () {
            $.post('{{route('post-affiliate-announce')}}', $('#announce-form').serialize(), function (response) {
                if(response.status == 'success'){
                    alert(response.msg);
                    window.location.reload();
                }else{
                    alert(response.msg);
                }
            });
        });
        function deleteAnnounce(id){
            if (window.confirm("Emin misiniz ?")) {
                $.get('{{route('get-detelete-affiliate-announce',[''])}}/'+id,function (response) {
                    if(response.status == 'success'){
                        window.location.reload();
                    }
                });
            }
        }
    </script>
@endsection