@extends('crm.master')

@section('title', isset($tag) ? 'Edit Tag' : 'New Tag')

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">

  <!-- Page Header -->
  <div class="row mb-4">
    <div class="col-12">
      <div class="d-flex align-items-center justify-content-between">
        <div>
          <h4 class="mb-1">{{ isset($tag) ? 'Edit Tag' : 'New Tag' }}</h4>
          <p class="text-muted mb-0">{{ isset($tag) ? 'Update tag details' : 'Create a new product tag' }}</p>
        </div>
        <a href="{{ route('crm.tags.index') }}" class="btn btn-label-secondary">
          <i class="icon-base ti tabler-arrow-left me-2 icon-14px"></i>
          Back
        </a>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col-md-8">
      <div class="card">
        <div class="card-body">
          <form action="{{ isset($tag) ? route('crm.tags.update', $tag->hash_id) : route('crm.tags.store') }}" method="POST">
            @csrf
            @if(isset($tag))
              @method('PUT')
            @endif

            <!-- Name -->
            <div class="mb-4">
              <label class="form-label" for="name">Name <span class="text-danger">*</span></label>
              <input 
                type="text" 
                class="form-control @error('name') is-invalid @enderror"
                id="name"
                name="name"
                maxlength="45"
                value="{{ old('name', $tag->name ?? '') }}"
                placeholder="Enter tag name"
                required />
              @error('name')
                <span class="invalid-feedback">{{ $message }}</span>
              @enderror
            </div>

            <!-- Weight -->
            <div class="mb-4">
              <label class="form-label" for="weight">Weight</label>
              <input 
                type="number" 
                class="form-control @error('weight') is-invalid @enderror"
                id="weight"
                name="weight"
                min="0"
                value="{{ old('weight', $tag->weight ?? 0) }}"
                placeholder="0" />
              @error('weight')
                <span class="invalid-feedback">{{ $message }}</span>
              @enderror
              <small class="form-text text-muted">Higher weight appears first in the list</small>
            </div>

            <!-- Enabled -->
            <div class="mb-4">
              <div class="form-check">
                <input 
                  class="form-check-input"
                  type="checkbox"
                  id="enabled"
                  name="enabled"
                  value="1"
                  {{ old('enabled', $tag->enabled ?? true) ? 'checked' : '' }} />
                <label class="form-check-label" for="enabled">
                  Enabled
                </label>
              </div>
              <small class="form-text text-muted">Uncheck to hide this tag from listings</small>
            </div>

            <!-- Buttons -->
            <div class="d-flex gap-2">
              <button type="submit" class="btn btn-primary">
                {{ isset($tag) ? 'Update Tag' : 'Create Tag' }}
              </button>
              <a href="{{ route('crm.tags.index') }}" class="btn btn-label-secondary">
                Cancel
              </a>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>

</div>
@endsection