<div class="modal fade" id="quick-add-modal" tabindex="-1" role="dialog" aria-labelledby="quick-add-modal"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-xl" role="document" style="max-width: 810px">
        <div class="modal-content custom-rounded-edges">
            <div class="modal-header">
                <h5 class="modal-title mx-3">
                    <img src="{{get_asset('dist/images/add.png')}}" alt="add" style="width:60%">
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="opacity:1">
                    <img src="{{get_asset('dist/images/cancel.png')}}" alt="" style="width:60%">
                </button>
            </div>

            <div class="modal-body p-4">
                <div class="row">


                    <div class="col-3 text-center">
                        <div class="image-container mb-2">
                            <a href="{{ route('quick-add',['add'=> 'dashboards']) }}" id="add-dashboard-link">

                                <img id="add-dashboard" src="{{get_asset('dist/images/dashboard.png')}}" alt="dashboard"
                                    style="width: 40%">
                            </a>
                        </div>

                        <a href="{{ route('quick-add',['add'=> 'dashboards']) }}" class="quick-add-link">
                            Dashboard
                        </a>

                    </div>
                    @if((isset($blankReportModule) && $blankReportModule->checkWhoCanAccessModule()) ||
                    auth()->user()->isAdminOrOwner())

                    <div class="col-3 text-center">
                        <div class="image-container mb-2">
                            <a href="{{ route('quick-add',['add'=> 'reports']) }}" id="add-report-link">

                                <img id="add-report" src="{{get_asset('dist/images/report.png')}}" alt="report"
                                    style="width: 40%">
                            </a>
                        </div>

                        <a href="{{ route('quick-add',['add'=> 'reports']) }}" class="quick-add-link">
                            Report
                        </a>

                    </div>
                    @endif

                    @if((isset($chartModule) && $chartModule->checkWhoCanAccessModule()) ||
                    auth()->user()->isAdminOrOwner())

                    <div class="col-3 text-center">
                        <div class="image-container mb-2">
                            <a href="{{ route('quick-add',['add'=> 'charts']) }}" id="add-chart-link">

                                <img id="add-chart" src="{{get_asset('dist/images/chart.png')}}" alt="chart"
                                    style="width: 40%">
                            </a>
                        </div>

                        <a href="{{ route('quick-add',['add'=> 'charts']) }}" class="quick-add-link">
                            Chart
                        </a>
                    </div>
                    @endif

                    @if((isset($metricModule) && $metricModule->checkWhoCanAccessModule()) ||
                    auth()->user()->isAdminOrOwner())

                    <div class="col-3 text-center">
                        <div class="image-container mb-2">
                            <a href="{{ route('quick-add',['add'=> 'metrics']) }}" id="add-metric-link">

                                <img id="add-metric" src="{{get_asset('dist/images/metric.png')}}" alt="metric"
                                    style="width: 40%">
                            </a>
                        </div>

                        <a href="{{ route('quick-add',['add'=> 'metrics']) }}" class="quick-add-link">
                            Metric
                        </a>
                    </div>
                    @endif

                </div>
                @if(auth()->user()->isAdminOrOwner())
                <div class="row mt-5 mb-3">
                    <div class="col text-center">
                        <div class="image-container mb-2">
                            <a href="{{ route('quick-add',['add'=> 'groups']) }}" id="add-group-link">

                                <img id="add-group" src="{{get_asset('dist/images/group.png')}}" alt="group"
                                    style="width: 40%">
                            </a>
                        </div>

                        <a href="{{ route('quick-add',['add'=> 'groups']) }}" class="quick-add-link">
                            User Group
                        </a>

                    </div>
                    <div class="col text-center">
                        <div class="image-container mb-2">
                            <a href="{{ route('quick-add',['add'=> 'users']) }}" id="add-group-link">

                                <img id="add-user" src="{{get_asset('dist/images/user.png')}}" alt="user"
                                    style="width: 40%">
                            </a>
                        </div>

                        <a href="{{ route('quick-add',['add'=> 'users']) }}" class="quick-add-link">
                            User Account
                        </a>

                    </div>
                    <div class="col text-center">
                        <div class="image-container mb-2">
                            <a href="{{ route('quick-add',['add'=> 'data-connections']) }}" id="add-group-link">

                                <img id="add-data-connection" src="{{get_asset('dist/images/data-connection.png')}}"
                                    alt="data-connection" style="width: 40%">
                            </a>
                        </div>

                        <a href="{{ route('quick-add',['add'=> 'data-connections']) }}" class="quick-add-link">
                            Data Connection
                        </a>

                    </div>
                    <div class="col text-center">
                        <div class="image-container mb-2">
                            <a href="{{ route('quick-add',['add'=> 'scheduled-reports']) }}"
                                id="add-scheduled-report-link">
                                <img id="add-scheduled-report" src="{{get_asset('dist/images/scheduled-report.png')}}"
                                    alt="scheduled-report" style="width: 40%">
                            </a>
                        </div>
                        <a href="{{ route('quick-add',['add'=> 'scheduled-reports']) }}" class="quick-add-link">
                            Scheduled Report
                        </a>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
</div>