@extends('admin.layouts.main')
@section('title', $group->exists ? 'Edit Product Group' : 'Create Product Group')
@section('menu', 'Product Groups')

@section('content')
<form action="{{ $group->exists ? route('admin.product-groups.update', $group) : route('admin.product-groups.store') }}" method="POST">
    @csrf
    @if($group->exists) @method('PUT') @endif
    <fieldset class="content-group">
        <div class="row">
            <div class="col-md-8">
                <div class="panel panel-primary">
                    <div class="panel-heading font-bold">{{ $group->exists ? 'Edit' : 'New' }} Product Group</div>
                    <div class="panel-body">
                        <div class="form-group">
                            <label class="control-label">Name<span class="text-danger"> *</span></label>
                            <input type="text" name="name" class="form-control" value="{{ old('name', $group->name) }}" required>
                            @if ($errors->has('name'))<span class="help-block text-danger">{{ $errors->first('name') }}</span>@endif
                        </div>
                        <div class="form-group">
                            <label class="control-label">Slug</label>
                            <input type="text" name="slug" class="form-control" value="{{ old('slug', $group->slug) }}" placeholder="Auto-generated from name">
                        </div>
                        <div class="form-group">
                            <label class="control-label">Description</label>
                            <textarea name="description" class="form-control" rows="3">{{ old('description', $group->description) }}</textarea>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Display Order</label>
                                    <input type="number" name="display_order" class="form-control" value="{{ old('display_order', $group->display_order ?? 0) }}" min="0">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Visibility</label>
                                    <div class="custom-control custom-switch mt-2">
                                        <input type="hidden" name="is_visible" value="0">
                                        <input type="checkbox" name="is_visible" value="1" class="custom-control-input" id="is_visible" {{ old('is_visible', $group->is_visible ?? true) ? 'checked' : '' }}>
                                        <label class="custom-control-label" for="is_visible">Visible on storefront</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-success">
                    <div class="panel-heading font-bold">Publish</div>
                    <div class="panel-body">
                        <a type="button" class="btn btn-warning" href="{{ route('admin.product-groups.index') }}"><i class="fa fa-long-arrow-left"></i> Back to List</a>
                        <button type="submit" name="save" class="btn btn-success pull-right"><i class="fa fa-save"></i> Save</button>
                    </div>
                </div>
            </div>
        </div>
    </fieldset>
</form>
@endsection