@php 
    $filtered_branch_id         = request()->get('branch');
    $filtered_block_id          = request()->get('block_id');
    $filtered_floor_id          = request()->get('floor_number');
    $filtered_product_type_id   = request()->get('product_type');
    $filtered_layout_type_id    = request()->get('layout_type_id');
    $filtered_category_id       = request()->get('category_id');
@endphp

<div class="row">
    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area margin-buttom-zero" id="index_branch_id_div">
        <div class="form-group form-float">
            <div class="form-line focused">
                <select data-live-search="true" class="form-control show-tick"
                    id="branch" name="branch" id="branch-select">
                    <option value="0">{{ __('lang.select_project') }}</option>
                    @foreach (App\Models\Branch::userProjects()->get() as $branch)
                        <option @if ($branch->id == $filtered_branch_id) selected @endif
                            value="{{ $branch->id }}">{{ $branch->name }}</option>
                    @endforeach
                </select>
                <label class="form-label">{{ __('lang.project') }}</label>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area margin-buttom-zero">
        <div class="form-group form-float">
            <div class="form-line focused">
                <select data-size="7" data-live-search="true"
                    class="form-control show-tick" name="block_id">
                    
                    {{-- options populate through ajax --}}

                </select>
                <label class="form-label">{{ __('lang.blocks') }}</label>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area margin-buttom-zero">
        <div class="form-group form-float">
            <div class="form-line focused">
                <select data-size="7" data-live-search="true"
                    class="form-control show-tick" name="floor_number">
                    
                    {{-- options populate through ajax --}}

                </select>
                <label class="form-label">{{ __('lang.floors') }}</label>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area margin-buttom-zero">
        <div class="form-group form-float">
            <div class="form-line focused">
                <select data-size="7" data-live-search="true"
                    class="form-control show-tick" name="product_type">

                    {{-- options populate through ajax --}}

                </select>
                <label class="form-label">{{ __('lang.product_type') }}</label>
            </div>
        </div>
    </div>
</div>

<div class="row">

    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area  margin-buttom-zero" style="margin-top: 0.5rem">
        <div class="form-group form-float">
            <div class="form-line focused">
                <select data-size="7" data-live-search="true"
                class="form-control show-tick" name="customer" id="customer-select">
                <option value="0">{{ __('lang.select_customer') }}</option>
                @foreach (App\Models\Customer::all() as $key => $type)
                    <option @if ($type->id == $params['customer']) selected @endif
                        value="{{ $type->id }}">{{  str_replace('  ',' ',$type->name) }} - {{$type->nid}}
                    </option>
                @endforeach
            </select>
            <label class="form-label">{{ __('lang.customer') }}</label>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <div class="form-group form-float">
            <div class="form-line focused">

                <select data-live-search="true" class="form-control show-tick"
                    name="layout_type_id">

                    {{-- options populate through ajax --}}

                </select>
                <label class="form-label">{{ __('lang.layout_type') }}</label>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <div class="form-group form-float">
            <div class="form-line focused">

                <select data-live-search="true" class="form-control show-tick"
                    name="category_id">
                    
                    {{-- options populate through ajax --}}
                    
                </select>
                <label class="form-label">{{ __('lang.category') }}</label>

            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area margin-buttom-zero">
        <div class="form-group form-float">
            <div class="form-line focused">
                <select name="status" id="" data-live-search="true" class="form-control">
                    <option value="">{{ __('lang.select_status') }}</option>
                    @foreach(\App\Models\Common::sell_status() as $key => $status)
                    <option @if(request()->get('status') == $status) selected @endif value="{{$status}}">{{$status}}</option>
                    @endforeach
                </select>
                <label class="form-label">{{ __('lang.status') }}</label>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area margin-buttom-zero">
        <div class="form-group form-float">
            <div class="form-line">
                <input name="mobile" type="text" class="form-control"  @if (isset($params['mobile'])) value="{{ $params['mobile'] }}" @endif>
                <label class="form-label">{{ __('lang.customer_mobile') }}</label>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area margin-buttom-zero">
        <div class="form-group form-float">
            <div class="form-line">
                <input name="nic" type="text" class="form-control" maxlength="15" @if (isset($params['nic'])) value="{{ $params['nic'] }}" @endif>
                <label class="form-label">{{ __('lang.nic') }}</label>
            </div>
        </div>
    </div>

    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area margin-buttom-zero">
        <div class="form-group form-float">
            <div class="form-line">
                <input name="registration_no" type="text" class="form-control"  value="{{ !empty(request()->get('registration_no')) ? request()->get('registration_no') : (!empty(request()->get('search_registration_no')) ? request()->get('search_registration_no') : '' ) }}" >
                <label class="form-label">{{ __('lang.registration_no') }}</label>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area margin-buttom-zero">
        <div class="form-group form-float">
            <div class="form-line">
                <input name="sqr_ft" type="text" class="form-control" @if (isset($params['sqr_ft'])) value="{{ $params['sqr_ft'] }}" @endif>
                <label class="form-label">{{ __('lang.sqr_ft') }}</label>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area margin-buttom-zero">
        <div class="form-group form-float">
            <div class="form-line">
                <input name="product_id" type="text" class="form-control" @if (isset($params['product_id'])) value="{{ $params['product_id'] }}" @endif>
                <label class="form-label">{{ __('lang.product_id_unit_number') }}</label>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
        <div class="input-daterange input-group" id="bs_datepicker_range_container">
            <div class="form-line">
                <input value="{{ $params['from'] }}" autocomplete="off" name="from"
                    type="text" class="form-control" placeholder="{{ __('lang.from') }}">
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
        <div class="input-daterange input-group" id="bs_datepicker_range_container1">
            <div class="form-line">
                <input value="{{ $params['to'] }}" autocomplete="off" name="to"
                    type="text" class="form-control" placeholder="{{ __('lang.to') }}">
            </div>
        </div>
    </div>

    @php
        $documentation_charges_array = [
            ['id' => 'with_doc_charges', 'name' => 'With Documentation Charges'],
        ];
    @endphp

    @include('layouts.components.select_field', [
        'col'           => 3,
        'name'          => 'with_documentation_charges',
        'options'       =>  $documentation_charges_array,
        'default_option'=> __('lang.select_option'),
        'label' 		=> __('lang.with_documentation_charges'),
    ])
</div>

<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12  margin-buttom-zero">
        <div class="form-line pull-right">
            <button type="submit" class="btn btn-primary m-t-15 waves-effect">
                {{ __('lang.search') }}
            </button>
            <a class="btn m-t-15 btn-default waves-effect clear"
                href="javascript:void(0)" onclick="clearForm(this)">{{ __('lang.clear') }}</a>
        </div>
    </div>
</div>

@push('include-js')
<script>

    var filtered_block_id           = "{{$filtered_block_id}}";
    var filtered_floor_id           = "{{$filtered_floor_id}}";
    var filtered_product_type_id    = "{{$filtered_product_type_id}}";
    var filtered_layout_type_id     = "{{$filtered_layout_type_id}}";
    var filtered_category_id        = "{{$filtered_category_id}}";
    var filter_options_route        = "{{route('sell.get_filter_options_by_branch_id')}}";
    var branch_id_field             = $('#index_branch_id_div').find('select[name="branch"]');
</script>

<script type="text/javascript" src="{{ loadAsset('asset/js/custom/sell_search_filter.js') }}"></script>


@endpush