@extends('web.page')

@section('page_class', 'ec_grid')

@section('content')

    <section class="header_image">
        <img src="/images/header/background_neutral.jpg">
        <div class="image_wave">
            <img src="/images/header/background_wave.png">
        </div>
    </section>

   <div class="container">
       <div class="row">
           <div class="col-md-12">
               <h1 class="title">Proizvodi</h1>
           </div>
       </div>
       <div class="row">
           {{--<div class="col-md-3">--}}
               {{--<div class="search_container">--}}
                   {{--{!! BootForm::open([--}}
                        {{--'model' => null--}}
                   {{--]) !!}--}}

                   {{--<div class="input-group mb-3">--}}
                       {{--<input type="text" class="form-control" placeholder="Pretraži..." aria-label="Pretraži" aria-describedby="Pretraži proizvode">--}}
                       {{--<div class="input-group-append">--}}
                           {{--<button class="btn btn-outline-secondary" type="submit"><i class="fa fa-search"></i></button>--}}
                       {{--</div>--}}
                   {{--</div>--}}

                   {{--<h2>Raspon cijene</h2>--}}

                   {{--<div class="price_range">--}}
                       {{--<input id="price_range" class="form-control" type="text" value=""--}}
                              {{--data-slider-min="{{ $min_price }}"--}}
                              {{--data-slider-max="{{ $max_price }}"--}}
                              {{--data-slider-step="10"--}}
                              {{--data-slider-value="[{{ $min_price }},{{ $max_price }}]"/>--}}
                   {{--</div>--}}
                   {{--<div class="price_title clearfix">--}}
                        {{--<div class="pull-left">--}}
                            {{--<span class="start_price">{{ $min_price }}</span>,00 KN--}}
                        {{--</div>--}}
                       {{--<div class="pull-right">--}}
                           {{--<span class="end_price">{{ $max_price }}</span>,00 KN--}}
                       {{--</div>--}}
                   {{--</div>--}}

                   {{--<div class="serach_submit text-right">--}}
                       {{--<button class="btn btn-primary" type="submit">PRIMIJENI FILTERE</button>--}}
                   {{--</div>--}}

                   {{--{!! BootForm::close() !!}--}}
               {{--</div>--}}
           {{--</div>--}}
           <div class="col-md-12">
               <div class="item_container container">
                    <div class="row">

                        @each('e.commerce::web.card', $items, 'item')

                    </div>
               </div>
           </div>
           <div class="col-md-12">
               {!! $items->links() !!}
           </div>
       </div>
   </div>

@stop


@section('js')
    <script>
        $('#price_range').slider();

        $(document).ready(function () {
            var body = $('body');
            var price;

            body.on('change', '#price_range', function () {
                price = $(this).val();
                price = price.split(",");

                $('.start_price').text(price[0]);
                $('.end_price').text(price[1]);
            });

            body.on('click', '[data-toggle="lightbox"]', function(event) {
                event.preventDefault();
                $(this).ekkoLightbox();
            });
        });
    </script>

@stop