@extends('front.main', ['title' => 'Clients', 'pagename' => 'clients'])
@push('css')
@endpush
@section('content')
    @include('clients')
@endsection
@push('js')

    <script>

        var ajax_all_url = "{{ route('front.clients.all') }}";

    </script>
    <script>

        var front_init = function () {
            $.ajax({
                type: 'get',
                url: ajax_all_url,
                success: function(output) {

                    console.log('!! output');
                    console.log(output);

                    if (output) {

                        var html = '<div class="form-row">';

                        for (const key in output) {
                            if (Object.hasOwnProperty.call(output, key)) {
                                const element = output[key];

                                html += '<div class="col-lg-2 col-md-3 col-6">';
                                html += '<img class="img-fluid" src="' +route_home+ '/storage/public/clients/' + element.image + '">';
                                html += '</div>';

                            }
                        }

                        html += '</div>';

                        $('#items').html(html);

                    }
                }
            });
        }

        front_init();

    </script>
@endpush