@extends('admin.layout.master')
@section('title','DASHBOARD')
@section ('content')
<style>
    .nav-tabs .nav-link.active,
    .nav-tabs .nav-item.show .nav-link {
        /* color: var(--card_header); */
        font-weight: bold;
    }

    /* .nav-tabs .nav-link {
        color: #a2a2a2;
    } */

    .first-single-items i {
        font-size: 1.75rem;
        height: 32px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .first-single-items i[class^=icofont] {
        font-size: 2.2rem;
    }
    @media (max-width: 480px) {
        .first-single-items i {
        font-size: 1.5rem
    }
    }

    .first-single-items:hover {
        background: var(--card_header_font);
    }

    #dashboard .card-body {
        /* padding: 0.5rem; */
    }

</style>

{{-- <div id="app_vue">
    <vue-purchase-form></vue-purchase-form>
</div> --}}

<div id="dashboard" class="card sina-card">
    {{-- <h2>Hello {{ $user->name }}</h2> --}}

    <div id="example-form-app"></div>

    <div class="card-header card-header-s">
        <h4>{{__('obs.welcome_to_dashboard')}}</h4>
    </div>
    <div class="card-body">

        <ul class="nav nav-tabs" role="tablist">
            {{-- <li class="nav-item">
                <a href="#profile" class="nav-link active" role="tab" data-toggle="tab">Quick Access</a>
            </li> --}}
            <li class="nav-item">
                <a href="#buzz" class="nav-link active" role="tab" data-toggle="tab" data-bs-target="#buzz" data-bs-toggle="tab" aria-selected="true">{{__('obs.modules')}}</a >
            </li>
            <li class="nav-item">
                <a href="#references" class="nav-link" role="tab" data-toggle="tab" data-bs-target="#references" data-bs-toggle="tab">{{__('obs.warehouses')}}</a>
                {{-- <a href="#references" class="nav-link" role="tab" data-toggle="tab">Warehouses</a> --}}
            </li>
            <li class="nav-item">
                <a href="#stores" class="nav-link" role="tab" data-toggle="tab" data-bs-target="#stores" data-bs-toggle="tab">{{__('obs.stores')}}</a>
            </li>
            <li class="nav-item">
                <a href="#notice" class="nav-link" role="tab" data-toggle="tab" data-bs-target="#notice" data-bs-toggle="tab">{{__('obs.notice')}}</a>
            </li>
            @if(active_user()==1)
                <li class="nav-item">
                    <a href="#app_config" class="nav-link" role="tab" data-toggle="tab" data-bs-target="#app_config" data-bs-toggle="tab">{{__('obs.app_config')}}</a>
                </li>
                <li class="nav-item">
                    <a href="#sidebar_error" class="nav-link" role="tab" data-toggle="tab" data-bs-target="#sidebar_error" data-bs-toggle="tab">{{__('obs.sidebar_error')}}</a>
                </li>
            @endif
        </ul>

        <!-- Tab panes -->
        <div class="tab-content mt-2">
            {{-- <div role="tabpanel" class="tab-pane fade active show" id="profile">
                <div class="d-flex flex-wrap m-2">

                    @forelse (quiceAccessList() as $q_access)
                        <div class="col-6 col-md-3">
                            <a href="{{$q_access->link}}" class="card radius-10 cursor-pointer first-single-items">
                                <div class="card-body">
                                    <div class="media">
                                        <div class="media-body">
                                            <div class="font-weight-bold font-30 cl-text-gray-800 text-center">
                                                <i class="bi bi-cart3"></i>
                                            </div>
                                            <h5 class="font-weight-bold text-center mb-0 cl-text-gray-800">{{$q_access->name}}</h5>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    @empty
                    @endforelse

                </div>


            </div> --}}

            {{-- class="tab-pane fade" id="formLayout1" role="tabpanel" tabindex="0" --}}


            <div role="tabpanel" class="tab-pane fade active show" id="buzz" tabindex="0">

                <div class="row g-2">

                    @forelse (adminAsignedModuleList() as $module)
                    <div class="col-xl-2 col-lg-3 col-4">
                        <a href="{{route('default.set_side_bar',['module_id'=>$module->id])}}"
                            class="card h-100 radius-10 cursor-pointer first-single-items">
                            <div class="card-body rounded {{(session('sidebar_module_id')==$module->id)?'bg_active':'bg-white'}}">
                                <div class="media">
                                    <div class="media-body">
                                        <div class="font-weight-bold font-30 {{(session('sidebar_module_id')==$module->id)?'cl-text-primary-active':'cl-text-primary'}} text-center">
                                            <i class="{{ $module->icon_cls ?? 'bi bi-cart3' }}"></i>
                                        </div>
                                        <h5 class="font-weight-bold text-center mb-0 {{(session('sidebar_module_id')==$module->id)?'cl-text-primary-active':'cl-text-gray-800'}}">{{__('obs.m_'.strtolower(str_replace(' ','_',$module->name)))}}</h5>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    @empty

                    @endforelse
                    <div class="col-xl-2 col-lg-3 col-4">
                        <a href="{{route('default.set_side_bar',['module_id'=>0])}}"
                            class="card h-100 radius-10 cursor-pointer first-single-items">
                            <div class="card-body rounded {{(session('sidebar_module_id')==0)?'bg_active':'bg-white'}}">
                                <div class="media">
                                    <div class="media-body">
                                        <div class="font-weight-bold font-30 {{(session('sidebar_module_id')==0)?'cl-text-primary-active':'cl-text-primary'}} text-center">
                                            <i class="bi bi-cart3"></i>
                                        </div>
                                        <h5 class="font-weight-bold text-center mb-0 {{(session('sidebar_module_id')==0)?'cl-text-primary-active':'cl-text-gray-800'}}">{{__('obs.all')}}</h5>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="references" tabindex="0">
                <div class="row g-2">
                    {{-- @for ($i = 0; $i < 10; $i++) --}}
                    @forelse (adminAsignedWarehouseList()->where('type',2) as $warehouse)
                    <div class="col-xl-2 col-lg-3 col-4">
                        <a href="{{route('default.set_active_warehouse',['id'=>$warehouse->id])}}"
                            class="card h-100 radius-10 first-single-items">
                            <div class="card-body rounded {{(current_warehouse()==$warehouse->id||warehouse_info()->parent_id==$warehouse->id)?'bg_active':'bg-white'}}">
                                <div class="media align-items-center justify-content-center">
                                    <div class="dashboard-icons text-center {{(current_warehouse()==$warehouse->id||warehouse_info()->parent_id==$warehouse->id)?'cl-text-primary-active':'cl-text-primary'}}">
                                        <i class='icofont-building-alt'></i>
                                    </div>
                                    <div class="media-body text-center">
                                        <h5 class="font-weight-bold {{(current_warehouse()==$warehouse->id||warehouse_info()->parent_id==$warehouse->id)?'cl-text-primary-active':'cl-text-gray-800'}}">{{$warehouse->name_eng}}</h5>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                    @empty

                    @endforelse
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="stores">
                <div class="row g-2">
                    @forelse (adminAsignedWarehouseList()->where('type',3)->where('parent_id',current_warehouse()) as $store)
                    <div class="col-xl-2 col-lg-3 col-4">
                        <a href="{{route('default.set_active_store',['id'=>$store->id])}}"
                            class="card h-100 radius-10 first-single-items">
                            <div class="card-body rounded {{session('active_store')?(session('active_store')==$store->id?'bg_active':'bg-white'):''}}">
                                <div class="media align-items-center">
                                    <div class="dashboard-icons text-center {{session('active_store')?(session('active_store')==$store->id?'cl-text-primary-active':'cl-text-primary'):''}}">
                                        <i class="far fa-building"></i>
                                    </div>
                                    <div class="media-body text-center">
                                        <h5 class="font-weight-bold {{session('active_store')?(session('active_store')==$store->id?'cl-text-primary-active':'cl-text-gray-800'):''}}">{{$store->name_eng}}</h5>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                    @empty

                    @endforelse
                </div>
            </div>

            <div role="tabpanel" class="tab-pane fade" id="notice">
                <div class="row g-2">
                    @forelse ($notices as $notice)
                        <div class="col-xl-2 col-lg-3 col-4">
                            <a data-id="{{$notice->id}}" class="card h-100 radius-10 first-single-items show_description" style="cursor: pointer">
                                <div class="card-body rounded bg-white">
                                    <div class="media align-items-center">
                                        <div class="media-body">
                                            <h5 class="font-weight-bold cl-text-gray-800">{{$notice->subject}}</h5>
                                        </div>
                                    </div>
                                    {{-- <div>
                                        <p class="cl-text-gray-800">{{$notice->description}}</p>
                                    </div> --}}
                                    <div class="cl-text-gray-800">
                                        <p class="mb-0"><span class="font-weight-bold">From: </span>{{$notice->posted_by ?? ""}}</p>
                                        <p class="mb-0"><span class="font-weight-bold">Date: </span>{{date('d-m-Y', strtotime($notice->created_at))}}</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                    @empty
                        <h4 class="text-danger text-center py-4">No Notice Found</h4>
                    @endforelse
                </div>
            </div>
            @if(active_user()==1)
                <div role="tabpanel" class="tab-pane fade" id="app_config">
                    <div class="row g-2">
                        @forelse (getDefaultConfigurationSetting() as $name=>$link)
                        <div class="col-xl-2 col-lg-3 col-md-4 col-6">
                            <a href="{{$name=='sync_languages_safa2' ? $link : ($name=='update_code_by_parent_id'?route($link,['update_code_by_id'=>0]):route($link))}}"
                                class="card h-100 radius-10 first-single-items">
                                <div class="card-body rounded bg-white">
                                    <div class="media align-items-center">
                                        <div class="dashboard-icons text-center">
                                            <i class="bi bi-gear-fill"></i>
                                        </div>
                                        <div class="media-body">
                                            <h5 class="font-weight-bold cl-text-gray-800 text-center">{{strtoupper($name)}}</h5>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>

                        @empty

                        @endforelse
                    </div>
                </div>
            @endif
            @if((active_user()==1) && count(session('sidebar_errors')))
                <div role="tabpanel" class="tab-pane fade" id="sidebar_error">
                    <div class="row g-2">
                        <div class="col-12 cl-table-container" style="max-height: calc(100vh - 150px)">
                            <table class="table table-bordered table-hover p-0" id="datatable_apply">
                                <thead class="">
                                    <tr>
                                        <th>#</th>
                                        <th>SL</th>
                                        <th>Icon</th>
                                        <th>Name</th>
                                        <th>Local Name</th>
                                        <th>Route</th>
                                        <th>Group</th>
                                        <th>Task</th>
                                    </tr>
                                </thead>
                                <tbody id="report_html">
                                    @php
                                        $class_danger='text-dark';
                                        $permissions=App\Models\Admin\Permission::with('module','submodule')->whereIn('id',array_keys(session('sidebar_errors')))->get();
                                    @endphp
                                    @forelse ($permissions as $id=>$permission)
                                        @php
                                            $class_danger=$permission->type==2?'text-danger':'text-dark';
                                        @endphp
                                        <tr>
                                            {{-- <td><input type="checkbox" name="bluk_item" class="hidden_row bluk_item {{strtolower($key)}}" value="{{$permission->id}}"></td> --}}
                                            <td id="str_sl_{{$permission->id}}" ondblclick="getInputForEdit(4,'{{'str_sl_'.$permission->id}}','{{$permission->sorting_index}}')" class="{{$class_danger}}">{{$permission->sorting_index}}</td>
                                            <td id="str_cl_{{$permission->id}}" ondblclick="getInputForEdit(3,'{{'str_cl_'.$permission->id}}','{{$permission->icon_cls}}')" class="{{$class_danger}}">{{$permission->icon_cls}}</td>
                                            <td id="str_{{$permission->id}}" ondblclick="getInputForEdit(1,'{{'str_'.$permission->id}}','{{$permission->name}}')" class="{{$class_danger}}">{{$permission->name}}</td>
                                            <td id="str_l_{{$permission->id}}" ondblclick="getInputForEdit(2,'{{'str_l_'.$permission->id}}','{{$permission->local_name}}')" class="{{$class_danger}}">{{$permission->local_name}}</td>
                                            <td class="{{$class_danger}}">{{$permission->route_name}}</td>
                                            <td class="{{$class_danger}}">{{$permission->module->name??'N/A'}}</td>
                                            <td class="{{$class_danger}}">{{$permission->submodule->name??'N/A'}}</td>
                                            <td class="{{$class_danger}}">{{$permission->group_name}}</td>
                                            <td class="{{$class_danger}}">{{$permission->task}}</td>
                                        </tr>
                                    @empty
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>
</div>

<div class="modal fade" id="noticeShow" tabindex="-1" role="dialog" aria-labelledby="noticeShowTitle" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="noticeShowTitle"></h5>
                <button type="button" class="close" data-bs-dismiss="modal" data-bs-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body" id="noticeShowBody">

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

@endsection
{{-- @vite('resources/js/pages/example-form.js') --}}
@section('script')
    <script>
        $(document).ready(function(){
            $('.show_description').click(function(){
                let url_link="{{ route('admin.notice.find') }}";
                // console.log(url_link);
                let id = $(this).attr('data-id');
                ajaxCall(url_link, "GET", data={id:id}, function(res){
                    $('#loader').hide();
                    $('#noticeShowTitle').text(res.data.subject);
                    $('#noticeShowBody').html(res.data.description);
                    $('#noticeShow').modal('show');
                }, function(){
                    $('#loader').hide();
                });
            });
        });
    </script>
@endsection