42 lines
1.6 KiB
PHP
42 lines
1.6 KiB
PHP
|
@extends('layouts.palette-layout')
|
||
|
|
|
||
|
|
@section('title', 'Palette Editor')
|
||
|
|
|
||
|
|
@section('content')
|
||
|
|
<div class="mt-5">
|
||
|
|
<h1>Palette Editor</h1>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="palette-selector">Select a Palette:</label>
|
||
|
|
<select id="palette-selector" class="form-control">
|
||
|
|
<option value="">Select a palette</option>
|
||
|
|
@foreach($palettes as $palette)
|
||
|
|
<option value="{{ $palette->id }}">{{ $palette->name }}</option>
|
||
|
|
@endforeach
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
<button id="new-palette" class="btn btn-primary">New Palette</button>
|
||
|
|
<div id="palette-colors" class="mt-4"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="new-palette-form" style="display:none;" class="mt-5">
|
||
|
|
<h2>Create New Palette</h2>
|
||
|
|
<form id="create-palette-form">
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="palette-name">Palette Name:</label>
|
||
|
|
<input type="text" id="palette-name" name="name" class="form-control" required>
|
||
|
|
</div>
|
||
|
|
<button type="submit" class="btn btn-success">Create</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="add-color-form" style="display:none;" class="mt-5">
|
||
|
|
<h2>Add Color to Palette</h2>
|
||
|
|
<button id="add-color" class="btn btn-success mb-3"><i class="fas fa-plus"></i> Add Color</button>
|
||
|
|
<form id="create-color-form">
|
||
|
|
<div id="color-editors" class="row"></div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<button id="save-palette" class="btn btn-success" style="position: fixed; bottom: 20px; right: 20px;">Save</button>
|
||
|
|
@endsection
|