@extends('layouts.app')
@section('title', 'Product Feeds | Products')
@section('extrastyles')
    <link href="{{ asset('/plugins/dataTables/datatables.min.css') }}" rel="stylesheet">
@endsection

@section('content')

    <div class="studio98_websters">
        <div class="studio98_websters" >

            <div class="ibox float-e-margins">

                <div class="ibox-title2">
                    <h5 class="title-message">Associate Brands to {{ $feed->title  }}</h5>
                </div>

                <div class="ibox-content p-md">
                <div class="row">
                    <div class="col-md-10">
                                               @foreach($brands as $brand)
                            @if((($count%5)==0) || $count==0)
                                @if($count<>0)
                                    </div>
                                @endif
                                <div class="row">
                            @endif
                                <div class="col">
                                                                        <input type="checkbox" class="checkbox" value="{{ $brand->id }}" id="{{ $brand->str_slug }}" {{ $checked  }} /> 
                                    <label for="{{ $brand->str_slug }}">
                                        <strong>
                                            {{ $brand->title }}
                                        </strong>
                                    </label>
                                </div>
                                                @endforeach
                    </div>
                </div>
                <div class="col-md-2">
                    <code class="events"></code>
                </div>
            </div>
            </div>

        </div>
    </div>

@endsection

@section('footer')

    <script>
        $(document).ready(function() {
            $(".checkbox").change(function() {
                if($(this).is(':checked')) {
                    href='/feed/change-brand-status/' + $(this).val() + "/true" ;
                } else {
                    href='/feed/change-brand-status/' + $(this).val() + "/false";
                }

                $.ajax ({
                        url: href,
                        method: "GET",
                        success: function(msg) { $('.events').append(msg + "<br />\n"); }
                });

            });
        });
    </script>

@endsection