pixelfed/pixelfed

@extends('layouts.app')

@section('content')

<div class="container">
    <div class="row">
        <div class="col-12 py-5 d-flex justify-content-between align-items-center">
            <p class="h1 mb-0"><i class="far fa-circle"></i> Create Circle</p>
        </div>
        <div class="col-12 col-md-10 offset-md-1">
            <div class="card">
                <div class="card-body px-5">
                    @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif

                    <form method="post">
                        @csrf
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label font-weight-bold text-muted">Name</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" placeholder="Circle Name" name="name" autocomplete="off">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label font-weight-bold text-muted">Description</label>
                            <div class="col-sm-10">
                                <textarea class="form-control" placeholder="Optional description visible only to you" rows="3" name="description"></textarea>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label font-weight-bold text-muted">Visibility</label>
                            <div class="col-sm-10">
                                <select class="form-control" name="scope">
                                    <option value="public">Public</option>
                                    <option value="unlisted">Unlisted</option>
                                    <option value="private">Followers Only</option>
                                    <option value="exclusive">Circle Only</option>
                                </select>
                                <p class="help-text font-weight-bold text-muted small">Who can view posts from this circle</p>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-sm-2 font-weight-bold text-muted">BCC Mode</div>
                            <div class="col-sm-10">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="bcc">
                                    <label class="form-check-label"></label>
                                </div>
                                <p class="help-text mb-0 small text-muted">Send posts without mentioning other circle recipients.</p>
                            </div>
                        </div>
                        <hr>
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label font-weight-bold text-muted">Members</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" placeholder="">
                            </div>
                        </div>
                        <hr>
                        <div class="form-group row">
                            <div class="col-sm-10 offset-sm-2">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" name="active" id="activeSwitch">
                                    <label class="custom-control-label font-weight-bold text-muted" for="activeSwitch">Active</label>
                                </div>
                            </div>
                        </div>
                        <div class="form-group text-right mb-0">
                            <button type="submit" class="btn btn-primary btn-sm py-1 font-weight-bold">Create</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@push('scripts')
<script type="text/javascript">
    


</script>
@endpush