@extends('layouts.master')
@section('content')
    <div class="card">
        <div class="card-header card-custom-bg d-flex flex-row align-items-center justify-content-between">
            Create Group<a class="btn btn-sm btn-success" href="{{ route('groups.index') }}">Group list</a>
        </div>
        <div class="card-body">
            <form method="POST" action="{{ route('groups.store') }}">
                @csrf
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="group_name" class="col-form-label text-md-right">Group Name *</label>

                            <input id="group_name" type="text" class="form-control" name="group_name" value="{{ old('group_name') }}" required placeholder="Enter group name" autofocus>

                            @error('group_name')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                            <label for="status" class="col-form-label text-md-right">Group Status *</label>
                            <select name="status" id="status" class="form-control ">
                                <option value="1">Active</option>
                                <option value="0">In-Active</option>
                            </select>
                        </div>
                        <div class="form-group text-right">
                            <button type="submit" class="btn btn-primary">
                                Create Group
                            </button>
                            <a href="{{ route('groups.index') }}" class="btn btn-secondary">Cancel</a>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@stop