Add Circles view

This commit is contained in:
Daniel Supernault 2019-05-28 21:19:33 -06:00
parent daddfdabe0
commit ffaa349045
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7

View file

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