@extends('layout.app')
@section('content')

    <section class="section_1">
        <div class="container">

            <div class="row">




                @include('components.menu_mobile')

                @include('components.menu_accordion' ,['opened'=>false])


                <div class="col-lg-9 col-md-12  ">
                    <div class="page_card ">
                        <div class="page_title">
                            <img src="assets/images/solar_195.png" alt="">
                            <span>Photovoltaic Systems</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>

    <section>

        <div class="container">

            <div class="row">
                <div class="col-md-12 ">
                    <div class="filter_div">

                        <div class="row">


                            <div class="col-lg-6">
                                <label for="">Filter Price</label>
                                <div class="d-flex-form">
                                    <input type="text" placeholder="From Price">
                                    <input type="text" placeholder="To Price">
                                    <button class="green_btn">Apply </button>
                                    <button class="orange_btn"> Reset</button>

                                </div>

                            </div>


                            <div class="col-lg-4 offset-lg-1">
                                <label for=""> Organize</label>


                                <div class="radios">
                                    <div>
                                        <input type="radio" name="xxxxxx" value="Latest" checked>
                                        <span>Latest</span>
                                    </div>


                                    <div>
                                        <input type="radio" name="xxxxxx" value="Oldest">
                                        <span>Oldest</span>
                                    </div>

                                    <div>
                                        <input type="radio" name="xxxxxx" value="Lowest Price">
                                        <span>Lowest Price</span>
                                    </div>

                                    <div>
                                        <input type="radio" name="xxxxxx" value="Highest Price">
                                        <span>Highest Price</span>
                                    </div>


                                </div>






                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>

    <section>


        <div class="container">
            <div class="row">
                @include('components.product_cell' , ['j'=>24])
            </div>
        </div>
    </section>
@endsection