@extends('layouts.userlayout')

@section('content')

@if(!$filter)
<style>
    .vh{
    height: 100vh !important;
}

.mgng-bottom{
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
</style>
@endif

@if($filter)
<div class="container mt-4 pt-4">
    <div class="row">
        <div class="col-12 my_margin d-flex justify-content-center">
            <div class="category-position pxy">
                <div class="text-center m_sub_tabs mend {{ $status == 'open' ? 'bg-list-active' : '' }}">
                    <a href="{{ route($urlname,'open') }}">
                        <i class="fas fa-folder-open icon-siz mt-2 {{ $status == 'open' ? 'bg-list-color-active' : '' }}"></i>
                        <h6 class="mt-1 foot-tabs feet {{ $status == 'open' ? 'bg-list-color-active' : '' }}">Open</h6>
                    </a>
                </div>
                @if($urlname == 'myreportedissue' || Auth::user()->role == 3 || Auth::user()->role == 2)
                @else
                <div class="text-center m_sub_tabs mend {{ $status == 'closer_request' ? 'bg-list-active' : '' }}">
                    <a href="{{ route($urlname,'closer_request') }}">
                        <i class="fas fa-window-close icon-siz mt-2 {{ $status == 'closer_request' ? 'bg-list-color-active' : '' }}"></i>
                        <h6 class="mt-1 foot-tabs feet {{ $status == 'closer_request' ? 'bg-list-color-active' : '' }}">Closed Req. By Executor</h6>
                    </a>
                </div>
                @endif
                <div class="text-center m_sub_tabs mend {{ $status == 'closed' ? 'bg-list-active' : '' }}">
                    <a href="{{ route($urlname,'closed') }}">
                        <i class="fas fa-window-close icon-siz mt-2 {{ $status == 'closed' ? 'bg-list-color-active' : '' }}"></i>
                        <h6 class="mt-1 foot-tabs feet {{ $status == 'closed' ? 'bg-list-color-active' : '' }}">Closed</h6>
                    </a>
                </div>
                <div class="text-center m_sub_tabs {{ $status == 'terminate' ? 'bg-list-active' : '' }}">
                    <a href="{{ route($urlname,'terminate') }}">
                        <i class="fas fa-minus-square icon-siz mt-2 {{ $status == 'terminate' ? 'bg-list-color-active' : '' }}"></i>
                        <h6 class="mt-1 foot-tabs feet {{ $status == 'terminate' ? 'bg-list-color-active' : '' }}">Terminated</h6>
                    </a>
                </div>
            </div>
        </div> 
    </div>
</div>
@endif

@if (session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
@endif

@if (session('error'))
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        {{ session('error') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
@endif

<div class="container @if(!$filter) py-4 my-5 @else top @endif bg-color mgng-top ">

    @if(!$filter) <h4 class="mt-4">{{ $title }}</h4> @endif
    
    <x-issue-list-component :issues="$issues" :action="$action" :routename="$actionroutename"/>
</div>

@endsection