@extends('layouts.master')
@section('page_title', 'Mosaic Categories')
@section('content')
    <div class="container ">
        {{ Form::page_header("Mosaic Categories", "business") }}

        <div class="col-md-10 col-md-offset-1 no-padding">
            <div class="row grid-header">
                {{ Form::button_link('Add a Category', action('SuperAdminSourceDataController@mosaic_category_create'), 'add_btn' )}}
            </div>
            @include('search._search_grid_wrapper')
        </div>
    </div>

    @include('shared._mosaic_delete_error_modal')
@endsection

@section('page_script')
    <script>
        $(document).ready(function () {
            $('#modal-confirm').on('click', function () {
                $('#error-modal').modal('hide');
            });

            $('.delete-mosaic').on('click', function () {
                var self = $(this);
                $.ajax({
                    dataType: 'json',
                    // 'SuperAdminSourceDataController@delete_mosaic_category'
                    url: 'mosaic_category/' + $(this).next('#category-id').val() + '/delete',
                    type: 'delete',
                    success: function (response) {
                        if (response.message == 'success') {
                            self.parents('tr').remove();
                            $('.update-success').text('The category was deleted successfully.').show();
                        } else if (response.message == 'business_error') {
                            $('.modal-body').find('p').text('Unable to delete category. Category is currently assigned to a business.');
                            $('#error-modal').modal('show');
                        } else if (response.message == 'sponsor_error') {
                            $('.modal-body').find('p').text('Unable to delete category. Category is currently assigned to a sponsorship.');
                            $('#error-modal').modal('show');
                        }
                    }
                });
            });
        });
    </script>
@endsection