@extends('layouts.backend')
@section('extraCss')
<style type="text/css">
.table-responsive{
  overflow-x: auto !important;
}

.fieldset{
    padding: 1rem !important;
    border : 2px dashed #d0d7dd !important;  

}

</style>
@endsection
@section('mainContentArea')
<div class="card card-default">
    <div class="card-header">               
        <div class="alert alert-default " >  
          <form action="{{ route('articles-updatelist') }}" id="articlereport" >
          @csrf
                <fieldset class="fieldset">
                <legend  style="width:auto !important;color:#97b5d3;"> Filter </legend>       
                    <div style= "padding:5px;">                                                            
                    </div>
                    <div class="col-sm-12 "> </div>
                    <div class="row">
                        <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                            <label class="d-block"><b> Name </b></label>
                            <input name="name" id="codes" class="form-control" value="{{ request('name') }}">
                        </div>
                        <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                            <label class="d-block" ><b> HSN </b></label>
                            <select name="hsn" id="hsns" class="form-control select2">
                                <option value="">Any</option>
                                @foreach($hsns as $hsn)
                                <option value="{{ $hsn->id }}" {{ request('hsn') == $hsn->id ? 'selected' : '' }}>{{ $hsn->name . ' ('.$hsn->code.')' }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                            <label class="d-block"><b> SECTION </b></label>
                            <select name="category" id="sections" class="form-control select2">
                                <option value="">Any</option>
                                @foreach($sections as $section)
                                @php $dash=''; @endphp
                                <option value="{{ $section->id }}">{{ $section->name }}</option>
                                @foreach ($section->childrenCategories as $childCategory)
                                    @include('backend.subsections.child_category', ['child_category' => $childCategory])
                                @endforeach
                                @endforeach
                            </select>
                        </div>  
                    </div>
                    <div class="row mt-3">
                        <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                            <label class="d-block" ><b> FABRIC </b></label>
                            <select name="fabric" id="fabrics" class="form-control select2">
                                <option value="">Any</option>
                                @foreach($fabrics as $fabric)
                                <option value="{{ $fabric->id }}" {{ request('fabric') == $fabric->id ? 'selected' : '' }}>{{ $fabric->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                            <label class="d-block" ><b> DESIGNER </b></label>
                            <select name="designer" id="designers" class="form-control select2">
                                <option value="">Any</option>
                                @foreach($designers as $designer)
                                <option value="{{ $designer->id }}" {{ request('designer') == $designer->id ? 'selected' : '' }}>{{ $designer->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                            <label class="d-block"><b> SEASON </b></label>
                            <select name="season" id="seasons" class="form-control select2">
                                <option value="">Any</option>
                                @foreach($seasons as $season)
                                <option value="{{ $season->id }}" {{ request('season') == $season->id ? 'selected' : '' }}>{{ $season->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="row mt-3">                    
                        <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                            <label class="d-block" ><b> BRAND </b></label>
                            <select name="brand" id="brands" class="form-control select2">
                                <option value="">Any</option>
                                @foreach($brands as $brand)
                                <option value="{{ $brand->id }}" {{ request('brand') == $brand->id ? 'selected' : '' }}>{{ $brand->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                            <label class="d-block" ><b> ACTIVE </b></label>
                            <select name="is_active" id="is_active" class="form-control select2">
                                <option value="">Any</option>
                                <option value="2" {{ request('is_active') == 2 ? 'selected' : '' }}>Active</option>
                                <option value="1" {{ request('is_active') == 1 ? 'selected' : '' }}>Inactive</option>
                            </select>
                        </div>
                        <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                            <label class="d-block"><b> From Date </b></label>
                            <input type="text" name="fromdate" id="fromdate"  class="form-control datepicker" placeholder="Enter date" value="