|
@@ -0,0 +1,93 @@
|
|
|
+@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
|