@php
    $division = '';
    $region = '';
    $area = '';
    $divdisabled = '';
    $regdisabled = '';
    $areadisabled = '';
    if ($permissions == 'All Division') {
        $division = '';
        $region = '';
        $area = '';
    }

    if ($permissions == 'Specific Division') {
        $division = 'display: none;';
        $region = '';
        $area = '';
        $divdisabled = 'disabled';
    }
    if ($permissions == 'Specific Region'){
         $division = 'display: none;';
         $region = 'display: none;';
         $area = '';
         $divdisabled = 'disabled';
         $regdisabled = 'disabled';
    }
    if ($permissions == 'Specific Area'){
         $division = 'display: none;';
         $region = 'display: none;';
         $area = 'display: none;';
         $divdisabled = 'disabled';
         $regdisabled = 'disabled';
         $areadisabled = 'disabled';
    }
@endphp
<form class="row g-2" id="filterForm">

    <div class="col-md col-sm-4" style="{{ $division }}">
        <select name="division" id="division_id" class="form-select rounded-pill shadow-none custom-select-pill" {{$divdisabled}}>
            <option value="" selected disabled>Division</option>
            @foreach ($divisions as $division)
                <option value="{{ $division->id }}" @if (request('division') == $division->id) selected @endif>
                    {{ $division->name }}</option>
            @endforeach
        </select>
    </div>
    @if ($permissions == 'Specific Division')
    <input type="hidden" name="division_id" id="division_id" value="{{$divisionid}}">
    @endif

    <div class="col-md col-sm-4" style="{{ $region }}">
        <select name="region" id="region_id" class="form-select rounded-pill shadow-none custom-select-pill" {{$regdisabled}}>
            <option value="" selected disabled>Region</option>
            @if ($permissions == 'Specific Division') 
                 @foreach ($regions as $region)
                    <option value="{{ $region->id }}">{{ $region->name }}</option>
                 @endforeach
            @endif

        </select>
    </div>
    @if ($permissions == 'Specific Region')
        <input type="hidden" name="region_id" id="region_id" value="{{$regionid}}">
    @endif

    <div class="col-md col-sm-4" style="{{ $area }}">
        <select name="areas" id="areas_id" class="form-select rounded-pill shadow-none custom-select-pill" {{$areadisabled}}>
            <option value="" selected disabled>Area</option>
            @if ($permissions == 'Specific Region') 
                 @foreach ($areas as $area)
                    <option value="{{ $area->id }}">{{ $area->name }}</option>
                 @endforeach
            @endif

        </select>
    </div>
     @if ($permissions == 'Specific Area')
        <input type="hidden" name="areas_id" id="areas_id" value="{{$areaid}}">
    @endif
    <div class="col-md col-sm-4">
        <select name="store" id="StoreId" class="form-select rounded-pill shadow-none custom-select-pill">
            <option value="" selected disabled>Store</option>
            @if ($permissions == 'Specific Area') 
                 @foreach ($stores as $store)
                    <option value="{{ $store->id }}">{{ $store->store_name.'-'.$store->store_number }}</option>
                 @endforeach
            @endif
        </select>
    </div>
    <div class="col-md col-sm-4">
        <button type="button" id="filterBtn" class="btn btn-type1 rounded-pill py-1">Filter</button>
    </div>
</form>