@extends('layouts.app')
@section('dynamic_css')
<style>

	@media (max-width: 768px)
	{

	}

</style>
@endsection
@section('content')
<div class="tab-content">
    <div id="admin" class="tab-pane fade active show ">
              <div class="row card_hover" >
                 @hasrole('Admin')
                    <div class="col-md-3 card_row ">
                      <a href="{{ route('organizationalstructure')}}" style="text-decoration: none;">
                        <div class="card animated zoomIn">
                            <div class="card-body" style="padding:35px;">
                                    <div class="text-center" style="">
                                         <img src="{{ asset('media/icons/org.svg') }}" style="width: 35%;display: block;margin: auto;" class="img img-responsive">
                                    </div>
                                    <div class="text-center" style="width: 100%;padding: 5px;margin-top: 28px;font-size: 15px;font-variant: petite-caps;height: 54px;">
                                        Organizational Structure
                                    </div>
                            </div>
                        </div>
                      </a>
                    </div>
                @endhasrole

                @if(in_array("M1", $global_data['module']))

                    @can('view_users')
                            <div class="col-md-3 card_row ">
                               <a href="{{ route('usermanagement')}}" style="    text-decoration: none;">
                                <div class="card animated zoomIn">
                                    <div class="card-body" style="padding:35px;">

                                            <div class="text-center" style="">
                                                 <img src="{{ asset('media/icons/team-manager-512.png') }}" style="width: 35%;display: block;margin: auto;" class="img img-responsive">
                                            </div>
                                            <div class="text-center" style="width: 100%;padding: 5px;margin-top: 28px;font-size: 15px;font-variant: petite-caps;height: 54px;">
                                                User   Management<br>
                                         </div>
                                    </div>
                                </div>
                              </a>
                            </div>
                    @endcan
                @endif
                @if(in_array("M2", $global_data['module']))
                  @can('view_employees')
                    <div class="col-md-3 card_row">
                      <a href="{{ route('employees')}}" style="text-decoration: none;">
                        <div class="card animated zoomIn">
                            <div class="card-body" style="padding:35px;">

                                    <div class="text-center" style="">
                                         <img src="{{ asset('media/icons/employees.svg') }}" style="width: 35%;display: block;margin: auto;" class="img img-responsive">
                                    </div>
                                    <div class="text-center" style="width: 100%;padding: 5px;margin-top: 28px;font-size: 15px;font-variant: petite-caps;height: 54px;">
                                       Employees <br>
                                    </div>

                            </div>
                        </div>
                      </a>
                    </div>
										<div class="col-md-3 card_row card_row-last">
                      <a href="{{route('photoUploadDashboard')}}" style="text-decoration: none;">
                          <div class="card animated zoomIn">
                              <div class="card-body" style="padding:35px;">

                                  <div class="text-center" style="">
                                      <img src="{{ asset('media/icons/others.png') }}" style="width: 35%;display: block;margin: auto;" class="img img-responsive">
                                  </div>
                                  <div class="text-center" style="width: 100%;padding: 5px;margin-top: 28px;font-size: 15px;font-variant: petite-caps;height: 54px;">
                                      Mgnrega Photo Upload <br>
                                  </div>
                              </div>
                          </div>
                      </a>
                  </div>
                  @endcan
                @endif

                {{--@if(in_array("M4", $global_data['module']))
                  @can('view_attendances')
                    <div class="col-md-3 card_row">
                      <a href="#" style="    text-decoration: none;">
                        <div class="card animated zoomIn">
                            <div class="card-body" style="padding:35px;">

                                    <div class="text-center" style="">
                                         <img src="{{ asset('media/icons/attendance.svg') }}" style="width: 35%;display: block;margin: auto;" class="img img-responsive">
                                    </div>
                                    <div class="text-center" style="width: 100%;padding: 5px;margin-top: 28px;font-size: 15px;font-variant: petite-caps;height: 54px;">
                                        Attendance Management<br>
                                    </div>

                            </div>
                        </div>
                      </a>
                    </div>
                 @endcan
                @endif--}}

                {{--@if(in_array("M3", $global_data['module']))
                  @can('view_leaves')
                    <div class="col-md-3 card_row">
                      <a href="" style="    text-decoration: none;">
                        <div class="card animated zoomIn">
                            <div class="card-body" style="padding:35px;">

                                    <div class="text-center" style="">
                                         <img src="{{ asset('media/icons/list1.svg') }}" style="width: 35%;display: block;margin: auto;" class="img img-responsive">
                                    </div>
                                    <div class="text-center" style="width: 100%;padding: 5px;margin-top: 28px;font-size: 15px;font-variant: petite-caps;height: 54px;">
                                       Leave Management <br>
                                    </div>
                            </div>
                        </div>
                      </a>
                    </div>
                 @endcan
                @endif--}}

                @if(in_array("M5", $global_data['module']))
                  @can('view_services')
                    <div class="col-md-3 card_row">
                      <a href="{{ route('servicedashboard')}}" style="    text-decoration: none;">
                        <div class="card animated zoomIn">
                            <div class="card-body" style="padding:35px;">

                                    <div class="text-center" style="">
                                         <img src="{{ asset('media/icons/service1.svg') }}" style="width: 35%;display: block;margin: auto;" class="img img-responsive">
                                    </div>
                                    <div class="text-center" style="width: 100%;padding: 5px;margin-top: 28px;font-size: 15px;font-variant: petite-caps;height: 54px;">
                                        Employee Service Management
                                    </div>
                            </div>
                        </div>
                      </a>
                    </div >
										<div class="col-md-3 card_row card_row-last">
												<a href="{{route('permanent_dashboard')}}" style="text-decoration: none;">
														<div class="card animated zoomIn">
																<div class="card-body" style="padding:35px;">

																		<div class="text-center" style="">
																				<img src="{{ asset('media/icons/others.png') }}" style="width: 35%;display: block;margin: auto;" class="img img-responsive">
																		</div>
																		<div class="text-center" style="width: 100%;padding: 5px;margin-top: 28px;font-size: 15px;font-variant: petite-caps;height: 54px;">
																				Permanent Employee <br>
																		</div>
																</div>
														</div>
												</a>
										</div>
                  @endcan
                @endif

                @if(in_array("M6", $global_data['module']))
                  @can('view_payrolls')
                    <div class="col-md-3 card_row">
                      <a href="" style="    text-decoration: none;">
                        <div class="card animated zoomIn">
                            <div class="card-body" style="padding:35px;">

                                    <div class="text-center" style="">
                                         <img src="{{ asset('media/icons/payroll.svg') }}" style="width: 35%;display: block;margin: auto;" class="img img-responsive">
                                    </div>
                                    <div class="text-center" style="width: 100%;padding: 5px;margin-top: 28px;font-size: 15px;font-variant: petite-caps;height: 54px;">
                                       Payroll Management <br>
                                    </div>
                            </div>
                        </div>
                      </a>
                    </div >
                   @endcan
                @endif

                  @if(in_array("M7", $global_data['module']))
                     @if(auth()->user()->can('view_meetings') || auth()->user()->can('view_meeting_minutes'))

                        <div class="col-md-3 card_row">
                          <a href="" style="    text-decoration: none;">
                            <div class="card animated zoomIn">
                                <div class="card-body" style="padding:35px;">

                                        <div class="text-center" style="">
                                             <img src="{{ asset('media/icons/meetings.svg') }}" style="width: 35%;display: block;margin: auto;" class="img img-responsive">
                                        </div>
                                        <div class="text-center" style="width: 100%;padding: 5px;margin-top: 28px;font-size: 15px;font-variant: petite-caps;height: 54px;">
                                           Meeting Management <br>
                                        </div>

                                </div>
                            </div>
                          </a>
                        </div>
                     @endif
              @endif
              @if(in_array("M8", $global_data['module']))
                 @can('view_performance')
                        <div class="col-md-3 card_row">
                          <a href="{{ route('performance.dashboard') }}" style="    text-decoration: none;">
                            <div class="card animated zoomIn">
                                <div class="card-body" style="padding:35px;">

                                        <div class="text-center" style="">
                                             <img src="{{ asset('media/icons/seo-performance-marketing-graphic.png') }}" style="width: 35%;display: block;margin: auto;" class="img img-responsive">
                                        </div>
                                        <div class="text-center" style="width: 100%;padding: 5px;margin-top: 28px;font-size: 15px;font-variant: petite-caps;height: 54px;">
                                           Performance <br>
                                        </div>
                                </div>
                            </div>
                          </a>
                        </div>
                @endcan
              @endif
			  @if(in_array("M25", $global_data['module']))
				@can('view_performance')
                     <div class="col-md-3 card_row">
                       <a href="{{ route('team_view') }}" style="    text-decoration: none;">
                         <div class="card animated zoomIn">
                             <div class="card-body" style="padding:35px;">

                                     <div class="text-center" style="">
                                          <img src="{{ asset('media/icons/meetings.svg') }}" style="width: 35%;display: block;margin: auto;" class="img img-responsive">
                                     </div>
                                     <div class="text-center" style="width: 100%;padding: 5px;margin-top: 28px;font-size: 15px;font-variant: petite-caps;height: 54px;">
                                        PMAYG <br>
                                     </div>
                             </div>
                         </div>
                       </a>
                     </div>
            @endcan
           @endif
			  @hasrole('Admin')
                    <div class="col-md-3 card_row ">
                      <a href="{{ route('payroll')}}" style="text-decoration: none;">
                        <div class="card animated zoomIn">
                            <div class="card-body" style="padding:35px;">
                                    <div class="text-center" style="">
                                         <img src="{{ asset('media/icons/payroll.svg') }}" style="width: 35%;display: block;margin: auto;" class="img img-responsive">
                                    </div>
                                    <div class="text-center" style="width: 100%;padding: 5px;margin-top: 28px;font-size: 15px;font-variant: petite-caps;height: 54px;">
                                        Payroll Management
                                    </div>
                            </div>
                        </div>
                      </a>
                    </div>
                @endhasrole
							@hasrole('Admin')
							<div class="col-md-3 card_row card_row-last">
								<a href="{{ route('others.dashboard')}}" style="    text-decoration: none;">
									<div class="card animated zoomIn">
											<div class="card-body" style="padding:35px;">

															<div class="text-center" style="">
																	 <img src="{{ asset('media/icons/others.png') }}" style="width: 35%;display: block;margin: auto;" class="img img-responsive">
															</div>
															<div class="text-center" style="width: 100%;padding: 5px;margin-top: 28px;font-size: 15px;font-variant: petite-caps;height: 54px;">
																 Others <br>
															</div>
											</div>
									</div>
								</a>
						</div>
						
						 @endhasrole




         </div>
    </div>
    <div id="user" class="tab-pane fade">
    </div>
</div>

@endsection