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

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

    .first-single-items:hover {
        background: #dbecea;
    }
</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 class="nav-link active" href="#buzz" role="tab" data-toggle="tab">Modules</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#references" role="tab" data-toggle="tab">Warehouses</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#stores" role="tab" data-toggle="tab">Stores</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#notice" role="tab" data-toggle="tab">Notice</a>
            </li>
            @if(active_user()==1)
                <li class="nav-item">
                    <a class="nav-link" href="#app_config" role="tab" data-toggle="tab">App Config</a>
                </li>
            @endif
        </ul>

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

                    @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 text-dark text-center">
                                                <i class="bx bx-cart-alt"></i>
                                            </div>
                                            <h5 class="font-weight-bold text-center mb-0 text-dark">{{$q_access->name}}</h5>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    @empty
                    @endforelse

                </div>


            </div> --}}
            <div role="tabpanel" class="tab-pane fade active show" 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-dark text-center"><i
                                                class="bx bx-cart-alt"></i>
                                        </div>
                                        <h5 class="font-weight-bold text-center mb-0 text-dark">{{$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-warning':''}}">
                            <div class="card-body">
                                <div class="media align-items-center">
                                    <div class="media-body">
                                        <h4 class="font-weight-bold text-dark">{{$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-warning':''):''}}">
                            <div class="card-body">
                                <div class="media align-items-center">
                                    <div class="media-body">
                                        <h4 class="font-weight-bold text-dark">{{$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 role="tabpanel" class="tab-pane fade" id="notice">
                @php $have_notice=0 @endphp
                <div class="d-flex flex-wrap mt-4">
                    @foreach ($notices as $notice)
                        @if(count(array_intersect($notice->role_ids->pluck('id')->toArray(),activeRole()->toArray())) > 0)
                            <div class="col-12 col-lg-4">
                                <a data-id="{{$notice->id}}" class="card radius-10 first-single-items show_description" style="cursor: pointer">
                                    <div class="card-body">
                                        <div class="media align-items-center">
                                            <div class="media-body">
                                                <h5 class="font-weight-bold text-dark">{{$notice->subject}}</h5>
                                            </div>
                                        </div>
                                        {{-- <div>
                                            <p class="text-dark">{{$notice->description}}</p>
                                        </div> --}}
                                        <div class="text-dark">
                                            <p class="mb-0"><span class="font-weight-bold">From: </span>{{$notice->posted_by->name}}</p>
                                            <p class="mb-0"><span class="font-weight-bold">Date: </span>{{date('d-m-Y', $notice->created_by)}}</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            @php $have_notice=1 @endphp
                        @endif
                    @endforeach
                </div>
                @if($have_notice==0)
                    <h4 class="text-danger text-center py-4">No Notice Found</h4>
                @endif
            </div>
            <div role="tabpanel" class="tab-pane fade" id="app_config">
                <div class="d-flex flex-wrap mt-4">
                    @forelse (getDefaultConfigurationSetting() as $name=>$link)
                    <div class="col-12 col-lg-4">
                        <a href="{{route($link)}}"
                            class="card radius-10 first-single-items">
                            <div class="card-body">
                                <div class="media align-items-center">
                                    <div class="media-body">
                                        <h4 class="font-weight-bold text-dark">{{strtoupper($name)}}</h4>
                                    </div>
                                    <div class="dashboard-icons bg-light-primary text-primary"><i
                                            class='bx bx-globe'></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">Close</button>
            </div>
        </div>
    </div>
</div>

@endsection

@section('script')
    <script>
        $(document).ready(function(){
            $('.show_description').click(function(){
                let id = $(this).attr('data-id');
                ajaxCall("{{route('notice.find')}}", "GET", data={id:id}, function(res){
                    $('#noticeShowTitle').text(res.data.subject);
                    $('#noticeShowBody').text(res.data.description);
                    $('#noticeShow').modal('show');
                });
            });
        });
    </script>
@endsection