@extends('dashboard.base.base',['toolbar' => [
       ['title' => __('dashboard.breadcrumbs.administration_control_panel.title') , 'route' => null],
       ['title' => null , 'route' => null],
       ['title' => __('dashboard.breadcrumbs.administration_control_panel.manage_app.main_page') , 'route' => dashboard_route('index')]
    ]])
@section('css')
<link href="{{asset('dashboard_assets/assets/plugins/custom/datatables/datatables.bundle.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('dashboard_assets/assets/plugins/custom/vis-timeline/vis-timeline.bundle.css')}}" rel="stylesheet" type="text/css" />
<style>
    body *{
        font-family: 'Montserrat-Arabic-Regular' !important;
    }
    .content {
        padding: 10px 0;
    }
    #updated_content{
        min-height: 100vh;
    }
</style>
@endsection   
@section('content')
<div class="row gy-5 g-xl-10 mb-10">
</div>
<div id="updated_content"></div>
@endsection
@section('js')
 <script>
    var target = document.querySelector("#updated_content");
    var blockUI = new KTBlockUI(target, {
        message: '<div class="blockui-message"><span class="spinner-border text-primary"></span>{!! __("dashboard.common_words.loading")!!}</div>',
    });
    $(window).ready(function(){
        if (blockUI.isBlocked()) {
            blockUI.release();
        } else {
            blockUI.block();
        }
        var branch = $("#branch").val();
        var url = '{!! dashboard_route("update_content", ["branch" => ":branch"]) !!}';
        url = url.replace(':branch', branch);
        $.ajax({
            type: 'GET',
            url: url,
            dataType: "json",
            contentType: false,
            processData: false,
            success: function (data) {
                    $('#updated_content').html(data.result);
                    if (blockUI.isBlocked()) {
                        blockUI.release();
                    } else {
                        blockUI.block();
                    }
            } ,
            error: function (error) {
                    if (blockUI.isBlocked()) {
                        blockUI.release();
                    } else {
                        blockUI.block();
                    }
                    const errors = error.responseJSON;
                    swal.fire({
                        title: "{!! __('dashboard.swal.warning') !!}" ,
                        text:errors.message,
                        icon: "warning",
                        confirmButtonText: "{!! __('dashboard.swal.btn') !!}",
                    });
                }
            });
    });
    $("#branch").on('change',function(){
        if (blockUI.isBlocked()) {
            blockUI.release();
        } else {
            blockUI.block();
        }
        var branch = $("#branch").val();
        var url = '{!! dashboard_route("update_content", ["branch" => ":branch"]) !!}';
        url = url.replace(':branch', branch);
        $.ajax({
            type: 'GET',
            url: url,
            dataType: "json",
            contentType: false,
            processData: false,
            success: function (data) {
                    $('#updated_content').html(data.result);
                    if (blockUI.isBlocked()) {
                        blockUI.release();
                    } else {
                        blockUI.block();
                    }
            } ,
            error: function (error) {
                    if (blockUI.isBlocked()) {
                        blockUI.release();
                    } else {
                        blockUI.block();
                    }
                    const errors = error.responseJSON;
                    swal.fire({
                        title: "{!! __('dashboard.swal.warning') !!}" ,
                        text:errors.message,
                        icon: "warning",
                        confirmButtonText: "{!! __('dashboard.swal.btn') !!}",
                    });
                }
            });
    });
 </script>
@endsection