@extends('layouts.master')
@section('page_title', $metro->exists ? 'Edit Mosaic Metro' : 'New Mosaic Metro')
@section('content')
    @if($metro->exists)
        {!! Form::open(['url' => action('SuperAdminSourceDataController@post_mosaic_metro_edit', compact('metro'))]) !!}
    @else
        {!! Form::open(['url' => action('SuperAdminSourceDataController@post_mosaic_metro_create')]) !!}
    @endif

    <div class="container">
        {{ Form::page_header($metro->exists ? "Edit Mosaic Metro" : "Add Mosaic Metro", "business") }}
        <div class="row">
            <div class="col-md-10 col-md-offset-1 grey-bg curve_container">
                <div class="row">
                    {{ Form::row_text_inline('metro_name', 'Metro Name', $metro->metro_name, 2, 6, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                    {{ Form::label_title('Mosaic Categories', \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                    <div id="category-group">
                        {!! Form::checkbox('select_all', 1, $categories->count() == $selected_categories->count() ? true : null, ['id' => 'select-all-categories']) !!}
                        <label class="in-container-label small">SELECT / DESELECT ALL</label>
                        @foreach($categories as $category)
                            <div>
                                @if($selected_categories->contains($category) && $metro_cats->contains($selected_categories->where('mosaic_category', $category->mosaic_category)->first()->pivot->metro_cat))
                                    {!! Form::checkbox('categories[]', $category->mosaic_category, true, ['class' => 'metro-checkbox', 'onclick' => 'preventDeselect(this)']) !!}
                                @elseif($selected_categories->contains($category))
                                    {!! Form::checkbox('categories[]', $category->mosaic_category, true, ['class' => 'metro-checkbox']) !!}
                                @else
                                    {!! Form::checkbox('categories[]', $category->mosaic_category, null, ['class' => 'metro-checkbox']) !!}
                                @endif
                                <label class="in-container-label small">{{ $category->category }}</label>
                            </div>
                        @endforeach
                    </div>
                </div>
                {{ Form::separator_row_bottom("grey-divider") }}
                <div class="row bt-button-row text-right">
                    {{ Form::button_save() }}
                    {{ Form::button_cancel() }}
                    @if($metro->exists)
                        {{ Form::button_ex('DELETE METRO', null, 'delete-metro-btn') }}
                    @endif
                </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 category from the metro. Category related to the metro is currently assigned to a business.');
            $('#error-modal').modal('show');
        }

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

            $('#select-all-categories').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);
                    });
                }
            });

            @if($metro->exists)
            $('#delete-metro-btn').on('click', function() {
                $.ajax({
                    dataType: 'json',
                    // 'SuperAdminSourceDataController@delete_mosaic_metro'
                    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_metro');
                        } else if (response.message == 'business_error') {
                            $('.modal-body').find('p').text('Unable to delete metro. Metro is currently assigned to a business.');
                            $('#error-modal').modal('show');
                        } else if (response.message == 'sponsor_error') {
                            $('.modal-body').find('p').text('Unable to delete metro. Metro is currently assigned to a sponsorship.');
                            $('#error-modal').modal('show');
                        }
                    }
                });
            });
            @endif
        });
    </script>
@endsection