@extends('layouts.nova')

@section('content')
<div class="container">
    <h2>Edit Artwork: {{ $artwork->title }}</h2>

    <form enctype="multipart/form-data" method="post" action="{{ route('manage.update', $artwork->id) }}">
        @csrf

        <div class="row">
            <div class="col-md-7">
                <label class="label-control">Title:</label>
                <input type="text" name="title" class="form-control" value="{{ old('title', $artwork->title) }}">

                <label class="label-control">Section:</label>
                <select name="section" class="form-control">
                    @foreach($categories as $cat)
                        <option value="{{ $cat->category_id }}" {{ $cat->category_id == $artwork->category ? 'selected' : '' }}>{{ $cat->category_name }}</option>
                    @endforeach
                </select>

                <label class="label-control">Description:</label>
                <textarea name="description" class="form-control" rows="6" style="width:100%">{{ old('description', $artwork->description) }}</textarea>
                <p class="help-block">Basic Markdown-style formatting and emoji are allowed. Raw HTML tags are not accepted.</p>
                @error('description')
                    <div class="text-danger" style="margin-top:6px;">{{ $message }}</div>
                @enderror
            </div>

            <div class="col-md-5">
                <label class="label-control">Thumbnail</label>
                <div style="clear:both;" id="quickPreviewShot">
                    @if($artwork->picture)
                        <img src="/storage/uploads/artworks/{{ $artwork->picture }}" class="img-responsive" style="padding:5px;border:solid 1px #999;box-shadow:1px 1px 3px #999">
                    @else
                        <div class="alert alert-warning">No thumbnail</div>
                    @endif
                </div>

                <hr>
                <label class="label-control">Upload new artwork</label><br>
                <div class="btn btn-primary ulBtn">
                    <span class="fa fa-photo"></span>
                    <input type="file" name="artwork" data-preview_id="quickPreviewShot" class="uploadImage quickThumbShow">
                    Choose Artwork
                </div>

                <br style="clear:both;"><br><hr>
                <label class="label-control">Attachment file (*.zip)</label><br>
                <div class="btn btn-primary ulBtn">
                    <span class="fa fa-upload"></span>
                    <input type="file" name="attachment" class="uploadImage">
                    Choose Attachment
                </div>

            </div>
        </div>

        <input type="hidden" name="id" value="{{ $artwork->id }}">
        <br>
        <button type="submit" class="btn btn-success"><i class="fa fa-save fa-fw"></i> Update Artwork</button>
    </form>
</div>
@endsection