feat: Add accent color to invoice settings and update related views; enhance event creation with brand contract option
This commit is contained in:
@@ -131,17 +131,20 @@
|
||||
</div>
|
||||
|
||||
{{-- Color --}}
|
||||
<div>
|
||||
<div x-data="{ color: '{{ old('color', $event->color ?? '#FFB7C5') }}' }">
|
||||
<label class="block text-sm font-semibold text-gray-700 mb-2">Color</label>
|
||||
<div class="flex gap-2 flex-wrap">
|
||||
@foreach(['#FFB7C5','#B5EAD7','#FDFD96','#E8D5F5','#FFD5B8','#AEC6CF'] as $hex)
|
||||
<label class="cursor-pointer">
|
||||
<input type="radio" name="color" value="{{ $hex }}" class="sr-only peer"
|
||||
{{ old('color', $event->color) === $hex ? 'checked' : '' }}>
|
||||
<span class="w-8 h-8 rounded-full block ring-2 ring-transparent peer-checked:ring-gray-500 peer-checked:ring-offset-1 transition-all"
|
||||
style="background:{{ $hex }};"></span>
|
||||
</label>
|
||||
@endforeach
|
||||
<input type="hidden" name="color" :value="color">
|
||||
<div class="flex items-center gap-3">
|
||||
<input type="color" x-model="color"
|
||||
class="w-10 h-10 rounded-xl cursor-pointer border-2 border-pink-100 p-0.5 shrink-0">
|
||||
<div class="flex gap-2 flex-wrap">
|
||||
@foreach(['#FFB7C5','#B5EAD7','#FDFD96','#E8D5F5','#FFD5B8','#AEC6CF'] as $hex)
|
||||
<button type="button"
|
||||
class="w-8 h-8 rounded-full ring-2 ring-transparent hover:ring-gray-400 transition-all"
|
||||
style="background:{{ $hex }}"
|
||||
@click="color = '{{ $hex }}'"></button>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -159,6 +162,35 @@
|
||||
placeholder="Additional notes…">{{ old('notes', $event->notes) }}</textarea>
|
||||
</div>
|
||||
|
||||
{{-- Active Contract checkbox --}}
|
||||
<div x-data="{ createContract: false }">
|
||||
<div class="flex items-center gap-2">
|
||||
<input type="checkbox" name="create_brand_contract" value="1" id="edit_create_contract"
|
||||
class="w-4 h-4 accent-pink-400" x-model="createContract">
|
||||
<label for="edit_create_contract" class="text-sm text-gray-600 cursor-pointer">
|
||||
📄 Also create a Brand Contract for this event
|
||||
</label>
|
||||
</div>
|
||||
<div x-show="createContract" x-transition class="mt-3 grid grid-cols-1 sm:grid-cols-2 gap-3 bg-pink-50 rounded-2xl p-4">
|
||||
<div class="sm:col-span-2">
|
||||
<label class="block text-xs font-semibold text-gray-600 mb-1">Contract Title</label>
|
||||
<input type="text" name="contract_title" class="input-soft text-sm"
|
||||
placeholder="e.g. Exclusive Posting Contract — BrandX"
|
||||
value="{{ old('contract_title', $event->title) }}">
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-xs font-semibold text-gray-600 mb-1">Contract Start</label>
|
||||
<input type="date" name="contract_start_date" class="input-soft text-sm"
|
||||
value="{{ old('contract_start_date', $event->start_time->format('Y-m-d')) }}">
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-xs font-semibold text-gray-600 mb-1">Contract End</label>
|
||||
<input type="date" name="contract_end_date" class="input-soft text-sm"
|
||||
value="{{ old('contract_end_date', $event->end_time?->format('Y-m-d') ?? '') }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col sm:flex-row gap-3 pt-1">
|
||||
<button type="submit" class="btn-sakura flex-1 py-3">💾 Save Changes</button>
|
||||
<a href="{{ route('schedule.index') }}"
|
||||
|
||||
Reference in New Issue
Block a user