@extends('layouts.admin')
@section('title')
    Notificări
@endsection
@section('breadcrumbs')
    {{ Breadcrumbs::render('admin.setting.notifications') }}
@endsection
@section('content')

    <div>
        <h1>Afișarea log-urilor</h1>
    </div>
    <div class="row">
        <div class="col-md-3">
            <label for="filter-date">Selectează data</label>
            <input type="date" id="filter-date" class="form-control mb-3">
        </div>
        <div class="col-md-auto ml-auto">
            <button id="clear-logs" class="btn btn-primary">Ștergeți log-urile</button>
        </div>
    </div>
    <div class="row">
        <div class="card">
            <div class="card-body">
                {{ $dataTable->table(['class' => 'table table-row-bordered gy-5'], true) }}
            </div>
        </div>
    </div>
    <div class="modal fade" id="confirmClearModal" tabindex="-1" role="dialog" aria-labelledby="confirmClearModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="confirmClearModalLabel">Confirmă ștergerea</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    Ești sigur că vrei să ștergi toate log-urile?
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Anulează</button>
                    <button type="button" class="btn btn-danger" id="confirmClearButton">Șterge</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="resultModal" tabindex="-1" role="dialog" aria-labelledby="resultModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="resultModalLabel">Rezultat</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body" id="resultMessage">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">Ok</button>
                </div>
            </div>
        </div>
    </div>

@endsection

@push('scripts')

    {{ $dataTable->scripts() }}
    <script type="text/javascript">
        $(document).ready(function() {
            $('#filter-date').on('change', function() {
                var selectedDate = $(this).val();
                if (selectedDate) {
                    window.LaravelDataTables['showlogs-table'].ajax.url('{{ route("admin.setting.show.logs.filter") }}?date=' + selectedDate).load();
                } else {
                    window.LaravelDataTables['showlogs-table'].ajax.url('{{ route("admin.setting.show.logs") }}').load();
                }
            });
            $('#clear-logs').on('click', function() {
                $('#confirmClearModal').modal('show');
            });

            // Închide modalul "Confirmare" când se apasă pe "Anulează"
            $('#confirmClearModal .btn-secondary').on('click', function() {
                $('#confirmClearModal').modal('hide');
            });
            $('#confirmClearButton').on('click', function() {
                $.ajax({
                    url: '{{ route("admin.setting.show.logs.clear") }}',
                    type: 'DELETE',
                    data: {
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        $('#resultMessage').text('Toate log-urile au fost șterse!');
                        $('#resultModal').modal('show');
                        $('#confirmClearModal').modal('hide');  // Închide modalul de confirmare

                        // Reîncărcăm tabelul DataTables
                        window.LaravelDataTables['showlogs-table'].ajax.reload();
                    },
                    error: function() {
                        $('#resultMessage').text('A apărut o eroare la ștergerea log-urilor.');
                        $('#resultModal').modal('show');
                        $('#confirmClearModal').modal('hide');  // Închide modalul de confirmare
                    }
                });
            });
            $('#resultModal .btn-primary').on('click', function() {
                $('#resultModal').modal('hide');
            });
        });

    </script>


@endpush