Add Circles view

resources/views/account/circles/create.blade.php

@@ -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