@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:hover {
        background: var(--card_header_font);
    }
    
</style>
<div class="card sina-card " style="background:#f6f6f6 !important; ">
    <div class="card-header card-header-s mb-4">
        <h4>Welcome To Dashboard</h4>
    </div>
    <div class="cart-body">
        <ul class="nav nav-tabs" role="tablist">
            {{-- <li class="nav-item">
                <a class="nav-link active" href="#profile" role="tab" data-toggle="tab">Quick Access</a>
            </li> --}}
            <li class="nav-item">
                <a href="#hrm_dashboard" class="nav-link" role="tab" data-toggle="tab" data-bs-target="#hrm_dashboard" data-bs-toggle="tab" aria-selected="true">{{__('obs.dashboard')}}</a >

                {{-- <a class="nav-link active" href="#hrm_dashboard" data-bs-target="#hrm_dashboard" role="tab" data-toggle="tab">Dasboard</a> --}}
            </li>
            <li class="nav-item">
                <a href="#buzz" class="nav-link" 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" aria-selected="true">{{__('obs.warehouses')}}</a >
            </li>
           
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
          
            <div role="tabpanel" class="tab-pane fade active show" id="hrm_dashboard">
                    @include('payroll.dashboard')
            </div>

            <div role="tabpanel" class="tab-pane fade " id="buzz">
                <div class="d-flex flex-wrap mt-4">
                    @forelse (adminAsignedModuleList() as $module)
                    <div class="col-6 col-md-3 ">
                        <a href="{{route('default.set_side_bar',['module_id'=>$module->id])}}"
                            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 text_inactive text-center"><i
                                                class="bx bx-cart-alt"></i>
                                        </div>
                                        <h5 class="font-weight-bold text-center mb-0 text_inactive">{{$module->name}}</h5>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    @empty
                    @endforelse
                </div>
            </div>


            <div role="tabpanel" class="tab-pane fade" id="references">
                <div class="d-flex flex-wrap mt-4">
                    {{-- @for ($i = 0; $i < 10; $i++) --}}
                    @forelse (adminAsignedWarehouseList()->where('type',2) as $warehouse)
                    <div class="col-12 col-lg-4">
                        <a href="{{route('default.set_active_warehouse',['id'=>$warehouse->id])}}"
                            class="card radius-10 first-single-items {{(current_warehouse()==$warehouse->id||warehouse_info()->parent_id==$warehouse->id)?'bg_active':''}}">
                            <div class="card-body">
                                <div class="media align-items-center">
                                    <div class="media-body">
                                        <h4 class="font-weight-bold {{(current_warehouse()==$warehouse->id||warehouse_info()->parent_id==$warehouse->id)?'text_active':'text_inactive'}}">{{$warehouse->name_eng}}</h4>
                                    </div>
                                    <div class="dashboard-icons bg-light-primary text-primary"><i
                                            class='bx bx-buildings'></i>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    @empty
                    @endforelse
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="stores">
                <div class="d-flex flex-wrap mt-4">
                    @forelse (adminAsignedWarehouseList()->where('type',3)->where('parent_id',current_warehouse()) as $store)
                    <div class="col-12 col-lg-4">
                        <a href="{{route('default.set_active_store',['id'=>$store->id])}}"
                            class="card radius-10 first-single-items {{session('active_store')?(session('active_store')==$store->id?'bg_active':''):''}}">
                            <div class="card-body">
                                <div class="media align-items-center">
                                    <div class="media-body">
                                        <h4 class="font-weight-bold {{session('active_store')?(session('active_store')==$store->id?'text_active':'text_inactive'):''}}">{{$store->name_eng}}</h4>
                                    </div>
                                    <div class="dashboard-icons bg-light-primary text-primary"><i
                                            class='bx bx-store'></i>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    @empty
                    @endforelse
                </div>
            </div>
         
        </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-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-dismiss="modal">{{__('obs.close')}}</button>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
    <script>
        $(document).ready(function(){
            $('.show_description').click(function(){
                let url_link="/notice/find";
                // console.log(url_link);
                let id = $(this).attr('data-id');
                ajaxCall(url_link, "GET", data={id:id}, function(res){
                    $('#noticeShowTitle').text(res.data.subject);
                    $('#noticeShowBody').text(res.data.description);
                    $('#noticeShow').modal('show');
                });
            });
        });
    </script>
@endsection