@extends('layouts.admin')

@section('content')

<div class="nk-content ">
                    <div class="container-fluid">
                        <div class="nk-content-inner">
                            <div class="nk-content-body">
                                <div class="nk-block-head">
                                    <div class="nk-block-between g-3">
                                        <div class="nk-block-head-content">
                                            <h3 class="nk-block-title page-title">Activities</h3>
                                        </div><!-- .nk-block-head-content -->
                                        @if (session('success')) 
                                           <div class="alert alert-fill alert-success alert-icon" style="margin-bottom:0px; padding: 13px 50px !important;">
                                                <em class="icon ni ni-check-circle"></em> <strong>{{ session('success') }}</strong>
                                           </div>
                                        @endif
                                        @if ($errors->any())
                                            <div class="alert alert-danger" style="margin-bottom:0px;">
                                                <ul>
                                                @foreach ($errors->all() as $error)
                                                    <li>{{ $error }}</li>
                                                @endforeach
                                                </ul>
                                            </div>
                                        @endif
                                    </div><!-- .nk-block-between -->
                                </div><!-- .nk-block-head -->
                                <div class="nk-block">
                                    <div class="card card-bordered card-stretch">
                                        <div class="card-inner-group">
                                        <div class="card-inner">
                                              <form method="POST" action="{{ route('admin.actvityfilter') }}" class="form-validate is-alter filter-session" enctype="multipart/form-data">
                                                {{ csrf_field() }}
                                                <div class="row gy-4">
                                                   <div class="col-sm-3">
                                                        <div class="form-group">
                                                            <div class="form-control-wrap">
                                                                <select name="filteractivity_userrole" id="filteractivity_userrole" class="form-control form-control-md" data-search="on" required>
                                                                    <option value="">Select User Role</option> 
                                                                        @if($user_roles)
                                                                            @foreach($user_roles as $user_role)
                                                                            <option value="{{$user_role->id}}" {{ @$user_role->id == (isset($user_role_id) ? $user_role_id : '' ) ? 'selected' : '' }}>{{$user_role->role}}</option>
                                                                            @endforeach
                                                                        @endif                                                    
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>                                                    
                                                    <div class="col-sm-3"> 
                                                        <div class="form-group">
                                                            <div class="form-control-wrap">
                                                                <select name="filteractivity_username" id="filteractivity_username" class="form-control form-control-md">
                                                                   <option value="">Select Username</option>    
                                                                    @if($users)
                                                                        @foreach($users as $user)                                                                      
                                                                            <option value="{{$user->id}}" {{ @$user->id == (isset($user_id) ? $user_id : '' ) ? 'selected' : '' }}>{{$user->name}}</option>
                                                                        @endforeach 
                                                                    @endif                                                                                                                                                                                                                    
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>  
                                                    <div class="col-sm-3"> 
                                                        <div class="form-group">
                                                            <div class="form-control-wrap">
                                                                <select name="filteractivity_type" id="filteractivity_type" class="form-control form-control-md">
                                                                    <option value="">Select Type</option>                                                                                        
                                                                      @if(isset($types))
                                                                        @foreach($types as $type)                                                                      
                                                                            <option value="{{$type->type}}" {{ @$type->type == (isset($type_filter) ? $type_filter : '' ) ? 'selected' : '' }}>{{ucfirst($type->type)}}</option>
                                                                        @endforeach 
                                                                     @endif                                              
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div> 
                                                    <div class="col-sm-3"> 
                                                        <div class="form-group">                                                
                                                            <div class="form-control-wrap">
                                                                    <div class="form-icon form-icon-right">
                                                                        <em class="icon ni ni-calendar-alt"></em>
                                                                    </div>
                                                                    <input type="text" name="filteractivity_date" class="form-control form-control-md form-control-outlined date-picker filteractivity_date" id="outlined-date-picker">
                                                                    <label class="form-label-outlined" for="outlined-date-picker">Date Picker</label>
                                                            </div>
                                                        </div>
                                                    </div>                                                                                                                       
                                                </div>
                                                <div class="row gy-4">
                                                   <div class="col-sm-4"></div>
                                                   <div class="col-sm-4">
                                                       <div class="form-group">
                                                         <div class="form-control-wrap filter-btns text-center"> 
                                                           <button type="submit" class="btn btn-primary">Filter</button>
                                                           <a href="javascript:void(0)" class="btn btn-primary activities-reset">Reset</a> 
                                                         </div>
                                                        </div>  
                                                    </div> 
                                                    <div class="col-sm-4"></div>
                                                </div>
                                            </form>
                                            </div>
                                            <div class="card-inner">
                                                <div class="card-title-group">
                                                    <div class="card-title">
                                                        <h5 class="title">All Activities</h5>
                                                    </div>
                                                    <div class="card-search search-wrap" data-search="search">
                                                        <div class="search-content">
                                                            <a href="#" class="search-back btn btn-icon toggle-search" data-target="search"><em class="icon ni ni-arrow-left"></em></a>
                                                            <input type="text" class="form-control form-control-sm border-transparent form-focus-none" placeholder="Quick search by order id">
                                                            <button class="search-submit btn btn-icon"><em class="icon ni ni-search"></em></button>
                                                        </div>
                                                    </div><!-- card-search -->
                                                </div><!-- .card-title-group -->
                                            </div><!-- .card-inner -->
                                        
											<div class="card-inner">
                                                <table class="datatable-init table">
                                                    <thead>
                                                        <tr>
                                                            <th>Sr No</th>
                                                            <th>Username</th>
                                                            <th>Type</th>
                                                            <th>Description</th>                                                      
                                                            <th>Created On</th>                                                      
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                       @php
                                                         $i=1;
                                                       @endphp
                                                       @foreach($activities as $activity)
                                                            <tr>
                                                                <td>#{{@$i}}</td>                                                                
                                                                <td>{{ucfirst(@$activity->user->name)}}</td>
                                                                <td>{{ucfirst(@$activity->type)}}</td>
                                                                <td>{{ucfirst(@$activity->description)}}</td>   
                                                                <td>
                                                                     
                                                                {{@$activity_date}}
                                                                </td>                                                                                                                    
                                                            </tr>
                                                            @php
                                                                $i++;
                                                            @endphp
                                                        @endforeach                                                  
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div><!-- .card-inner-group -->
                                    </div><!-- .card -->
                                </div><!-- .nk-block -->
                            </div>
                        </div>
                    </div>
                </div>
@endsection