Skip to content

Instantly share code, notes, and snippets.

@jongravois
Created June 5, 2020 20:02
Show Gist options
  • Save jongravois/d1fd99d8eb5d491e2072e5942ef79340 to your computer and use it in GitHub Desktop.
Save jongravois/d1fd99d8eb5d491e2072e5942ef79340 to your computer and use it in GitHub Desktop.
<div>
<form method="post"
accept-charset="utf-8"
enctype="multipart/form-data"
action="{{$destination}}">
@csrf
<div class="mb-8 flex items-center justify-center">
<label class="flex flex-col items-center px-4 py-6 bg-white text-blue-500 rounded-lg shadow-lg tracking-wide uppercase border border-blue-500 cursor-pointer hover:bg-gray-200"
style="width:300px !important;">
@if($path)
@svg('solid/check-circle', 'mr-2 text-3xl text-green-500')
@else
@svg('solid/cloud-upload-alt', 'mr-2 text-3xl text-red-500')
@endif
<p class="mt-2 text-sm font-semibold leading-normal">
{{ $label }}
</p>
@if($path)
<p class="mt-2 text-green-500 text-xs leading-tight">
On File (click to replace)
</p>
@else
<p class="mt-2 text-red-500 text-xs leading-tight">
Click to Upload
</p>
@endif
<input type='file' class="hidden" name="file" />
</label>
</div>
</form>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment