Paul Couture
c4398c641e
Prepping for launch. Reviewed-on: #1 Co-authored-by: Paul Couture <paul@paulcouture.com> Co-committed-by: Paul Couture <paul@paulcouture.com>
133 lines
7.0 KiB
PHP
133 lines
7.0 KiB
PHP
@extends('layouts.master')
|
|
|
|
@section('page-top')
|
|
<section class="inner-page-banner bg-2 bg-image">
|
|
<div class="container">
|
|
<div class="inner text-center">
|
|
<h1 class="title">Submit New Artwork</h1>
|
|
<nav class="mt-4">
|
|
<ol class="breadcrumb justify-content-center">
|
|
<li class="breadcrumb-item"><a href="/">Home</a></li>
|
|
<li class="breadcrumb-item"><a href="/artworks">Explore Artwork</a></li>
|
|
<li class="breadcrumb-item active">Create</li>
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
@endsection
|
|
@section('page-content')
|
|
<section class="pt-120 pb-90">
|
|
<div class="container">
|
|
<form action="/create-artwork" method="POST" name="create-artwork" enctype="multipart/form-data">
|
|
@csrf
|
|
<div class="create-item-wrapper">
|
|
@if($errors->any())
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="alert alert-danger">
|
|
<ul>
|
|
@foreach ($errors->all() as $error)
|
|
<li>{{ $error }}</li>
|
|
@endforeach
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
<div class="row">
|
|
<div class="col-lg-4">
|
|
{{-- file upload area --}}
|
|
<div class="upload-area">
|
|
<div class="upload-formate mb-6">
|
|
<h5 class="title mb-1">
|
|
Upload Artwork File
|
|
</h5>
|
|
<p class="formate">
|
|
Drag or choose your file to upload.<br>
|
|
It will be resized to 3,000px square <em>(thanks Apple.)</em>
|
|
</p>
|
|
</div>
|
|
<div class="browse-file-wrapper">
|
|
{{-- actual upload which is hidden --}}
|
|
<input name="file" id="file" type="file" class="inputfile" required />
|
|
{{-- our custom upload button --}}
|
|
<label for="file" title="No File Choosen">
|
|
<i class="ri-upload-cloud-line"></i>
|
|
<span class="text-center mb-2">Choose a File</span>
|
|
<span class="file-type text-center mt--10">PNG, JPG, JPEG<br>
|
|
Max 20Mb<br>
|
|
Prefer 3,000px Square</span>
|
|
</label>
|
|
</div>
|
|
@error('file')
|
|
<div class="invalid-feedback">{{ $message }}</div>
|
|
@enderror
|
|
</div>
|
|
{{-- end upoad file area --}}
|
|
</div>
|
|
<div class="col-lg-8">
|
|
<div class="form-field-wrapper mb-4">
|
|
<div class="row">
|
|
<div class="col-md-12 mb-4">
|
|
<div class="field-box">
|
|
<label for="title" class="form-label">Artwork Title</label>
|
|
<input id="title" name="title" type="text" class="@error('title') is-invalid @enderror"
|
|
placeholder="e. g. `This Artwork's Title`"
|
|
required
|
|
value="{{ old('title') }}">
|
|
@error('title')
|
|
<div class="invalid-feedback">{{ $message }}</div>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12 mb-4">
|
|
<div class="field-box">
|
|
<label for="description" class="form-label">Artwork Description</label>
|
|
<textarea id="description" name="description" rows="3" class="@error('description') is-invalid @enderror"
|
|
placeholder="e. g. “This cryptic mess represents...”">{{ old('description') }}</textarea>
|
|
@error('description')
|
|
<div class="invalid-feedback">{{ $message }}</div>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12 mb-4 pb-4">
|
|
<div class="field-box">
|
|
<label for="podcast" class="form-label">For Podcast</label>
|
|
<select id="podcast" name="podcast" required>
|
|
@foreach ($podcasts as $podcast)
|
|
<option value="{{ $podcast->id }}" @selected(old('podcast') == $podcast->id)>{{ $podcast->name }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{-- End .row --}}
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<p>By submitting this artwork, you agree you have the rights to publish the artwork and are placing this artwork under a
|
|
non-revokable <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons CC BY-SA 4.0 DEED Attribution-ShareAlike 4.0 International</a> license.</p>
|
|
</div>
|
|
</div>
|
|
{{-- End .row --}}
|
|
</div>
|
|
{{-- End .create-item-wrapper --}}
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="d-flex-between upload-btn-wrapper flex-wrap">
|
|
<div class="d-flex-center ">
|
|
<button type="reset" class="btn btn-gradient btn-medium mr-3"><span>Cancel</span></button>
|
|
</div>
|
|
<div class="input-box">
|
|
<button type="submit" class="btn btn-gradient btn-medium justify-content-center"><span>Submit Artwork.</span></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{-- ENd .row --}}
|
|
</form>
|
|
</div>
|
|
</section>
|
|
@endsection
|