@extends('operations.layout.mainlayout')

@section('content')
    <style>
        .btn-info{
            color: white !important;
        }
    </style>
<div class="content-wrapper">
    <div class="content-header">
        <div class="container-fluid card">
            <div class="row mb-2">
                <div class="col-sm-6 card-body">
                    <h1 class="m-0 text-dark" style="color: #e35a80!important;">Statistics</h1>
                </div>
            </div>
        </div>
    </div>

    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="mx-auto col-md-10">
                    <div class="card">
                        <div class="card-body">
                            <table id="statistic-datatable" class="table table-bordered table-striped">
                                <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Language</th>
                                    <th>Branches</th>
                                    <th>Clients</th>
                                    <th>Doctors</th>
                                    <th>Certifications</th>
                                    <th>Actions</th>
                                </tr>
                                </thead>
                            </table>
                            @menu('whitelabel_statistic')
                            <div class="row mt-3">
                                <div class="col" style="text-align: center">
                                    <a class="btn btn-info" href="/operations/whitelabel/statistic/create">Add New Statistic</a>
                                </div>
                            </div>
                            @endmenu
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
@endsection

@section('warehouse_scripts')
<script>
    $(document).ready(function() {
        var table = $('#statistic-datatable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '/operations/whitelabel/statistic/datatable',
            columns: [
                { data: 'ID' },
                { data: 'LANG' },
                { data: 'BRANCHES_COUNT' },
                { data: 'CLIENTS_COUNT' },
                { data: 'DOCTORS_COUNT' },
                { data: 'CERTIFICATIONS_COUNT' },
                { data: 'actions', orderable: false, searchable: false }
            ]
        });

        $(document).on('click', '.delete-btn', function() {
            if(confirm('Are you sure you want to delete this statistic?')) {
                var id = $(this).data('id');
                $.ajax({
                    url: '/operations/whitelabel/statistic/' + id,
                    type: 'DELETE',
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    success: function(response) {
                        table.ajax.reload();
                    },
                    error: function(xhr) {
                        alert('Error deleting statistic');
                    }
                });
            }
        });
    });
</script>
@endsection