@extends('layouts.master')
@section('page_title', 'Edit Mosaic Category')
@section('content')
    {!! Form::open(['url' => action('SuperAdminSourceDataController@post_mosaic_category_edit', compact('category')), 'files' => true]) !!}
    <div class="container">
        {{ Form::page_header("Edit Mosaic Category", "business") }}

        <div class="row">
            <div class="col-md-10 col-md-offset-1 grey-bg curve_container">
                <div class="row">
                    {{ Form::row_text_inline('category', 'Category Name', $category->category, 3, 6, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                    @if($category->jpg_image != '')
                        {{ Form::image_show('category-jpg-img', 'Jpg / Png Image', \App\Helpers\FormComponentHelper::SIZE_MEDIUM, $category->jpg_image) }}
                    @endif
                    <div class="category-img-wrapper">
                        <div hidden class="new-img-label">
                            <label class="in-container-label small">New image: <span id="jpg-img-name"></span></label>
                        </div>
                        {!! Form::file('jpg_image', ['id' => 'jpg_image', 'class' => 'upload category-img']) !!}
                        <label for="jpg_image" class="category-upload-btn">CHANGE</label>
                    </div>
                    @if($category->gif_image != '')
                        {{ Form::image_show('category-gif-image', 'Gif Image', \App\Helpers\FormComponentHelper::SIZE_MEDIUM, $category->gif_image) }}
                    @endif
                    <div class="category-img-wrapper">
                        <div hidden class="new-img-label">
                            <label class="in-container-label small">New image: <span id="gif-img-name"></span></label>
                        </div>
                        {!! Form::file('gif_image', ['id' => 'gif_image', 'class' => 'upload category-img']) !!}
                        <label for="gif_image" class="category-upload-btn">CHANGE</label>
                    </div>
                    {{ Form::checkbox_ex('b2b_cat', $category->b2b_cat, 'B2B', null, null, null, null, 'b2b-checkbox') }}
                    <div>
                        {{ Form::label_col('Metro Areas', null, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                        <div id="metro-group">
                            {!! Form::checkbox('select_all', 1, $metros->count() == $selected_metros->count() ? true : null, ['id' => 'select-all-metros']) !!}
                            <label class="in-container-label small">SELECT / DESELECT ALL</label>
                            @foreach($metros as $metro)
                                <div>
                                    @if($selected_metros->contains($metro) && $metro_cats->contains($selected_metros->where('mosaic_metro', $metro->mosaic_metro)->first()->pivot->metro_cat))
                                        {!! Form::checkbox('metros[]', $metro->mosaic_metro, true, ['class' => 'metro-checkbox', 'onclick' => 'preventDeselect(this)']) !!}
                                    @elseif($selected_metros->contains($metro))
                                        {!! Form::checkbox('metros[]', $metro->mosaic_metro, true, ['class' => 'metro-checkbox']) !!}
                                    @else
                                        {!! Form::checkbox('metros[]', $metro->mosaic_metro, null, ['class' => 'metro-checkbox']) !!}
                                    @endif
                                    <label class="in-container-label small">{{ $metro->metro_name }}</label>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
                {{ Form::separator_row_bottom("grey-divider") }}
                <div class="row bt-button-row text-right">
                    {{ Form::button_save() }}
                    {{ Form::button_cancel() }}
                    {{ Form::button_ex('DELETE CATEGORY', null, 'delete-category-btn') }}
                </div>
            </div>
        </div>
    </div>
    {!! Form::close() !!}

    @include('shared._mosaic_delete_error_modal')
@endsection
@section('page_script')
    <script>
        function preventDeselect(element) {
            $(element).prop('checked', true);
            $('.modal-body').find('p').text('Unable to remove metro from the category. Metro related to the category is currently assigned to a business.');
            $('#error-modal').modal('show');
        }

        $(document).ready(function () {
            $('#modal-confirm').on('click', function () {
                $('#error-modal').modal('hide');
            });

            $('#select-all-metros').on('change', function () {
                if ($(this).is(':checked')) $('.metro-checkbox').prop('checked', true);
                else {
                    $('.metro-checkbox').each(function (index, element) {
                        if (!element.hasAttribute('onclick')) $(element).prop('checked', false);
                    });
                }
            });

            $('input[type=file]').on('change', function () {
                $(this).prev().prev('img').remove();
                var filename = $(this).val().split('\\').pop();
                $(this).prev('div').find('span').text(filename);
                $(this).prev('div').show();
            });

            $('#delete-category-btn').on('click', function () {
                $.ajax({
                    dataType: 'json',
                    // 'SuperAdminSourceDataController@delete_mosaic_category'
                    url: 'delete',
                    type: 'delete',
                    success: function (response) {
                        if (response.message == 'success') {
                            var baseUrl = window.location.protocol + '//' + window.location.host;
                            window.location.replace(baseUrl + '/admin/mosaic_category');
                        } 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
@section('page_style')
    <style>
        img {
            height: 100px;
        }
    </style>
@endsection