@extends("layout.app")

@section("styles")
    <style>
        .popover-title {
            text-align: center;
        }
        .custom-popover li{
            /*color: #666!important;*/
        }
        .popover-body{
            padding: 0!important;
        }
        .popover{
            filter: opacity(0.96);
            padding: 2px!important;
        }
        .custom-popover li {
            border: none!important;
            text-align: center;
            font-size: 0.90em!important;
            font-weight: 400!important;
        }
        .available-stock{
            color: #009100 !important;
        }
        .not-available-stock{
            color: #e50000 !important;
        }
        .custom-popover li:nth-child(2) {
            border-top: 1px solid #ccc!important;
        }

        .custom-popover li:last-child {
            border-top: 1px solid #ccc!important;
        }

    </style>
    @include('accessories.partial.accessories_style')
    @include('partial.infinite_pagination.style')
@endsection

@section("content")
    <section>
        <div class="container" style="max-width: 100%!important;">
            <div class="row mb-4">
                <div class="col">
                    <h1 class="text-center unmarg">الاكسسوارات
                    </h1>
                </div>
            </div>

            @include('accessories.partial.accessories_filters_and_items')
        </div>
    </section>

@endsection
@section("scripts")
    @include('accessories.partial.accessories_script')
@endsection