@extends('google::layouts.master')

@section('title', '| Create new GA Event Category')

@section('content')
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Create New GA Event Category</h1>
    <a href="/google/analytics/events/categories" class="d-none d-sm-inline-block btn btn-sm btn-default shadow-sm"><i class="fas fa-list fa-sm"></i> Back to Categories</a>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="card shadow mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">New Category</h6>
            </div>
            <div class="card-body">
                <div class="row no-gutters align-items-center">
                    {!! Form::open(['url' => '/google/analytics/events/categories/create-new/save', 'class' => 'form-horizontal col-md-12', 'role' => 'form', 'files' => true]) !!}

                    @include('google::analytics.events.categories._form', [
                        'disabledField' => Auth::user()->hasAnyRole(['ADMIN']) ? '' : 'disabled'
                    ])
                    @if (Auth::user()->hasAnyRole(['ADMIN']))
                    <div class="form-group">
                        <div class="col-md-8 col-md-offset-2 px-0">
                            <button type="submit" class="btn btn-primary">
                                Create
                            </button>
                        </div>
                    </div>
                    @endif

                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection