@csrf

<div class="mb-4">
    <label for="icon" class="block font-medium text-slate-700">Icon</label>
    <input type="file" id="icon" name="icon"
        class="mt-1 block w-full px-3 py-2 placeholder-slate-400 border border-slate-500 rounded-md focus:outline-none focus:shadow focus:border-sky-500 focus:ring-1 focus:ring-sky-500">
    @error('icon')
        <p class="text-pink-500 text-sm">{{ $message }}</p>
    @enderror
</div>

<div class="mb-4">
    <label for="name" class="block font-medium text-slate-700">Name</label>
    <input type="text" id="name" name="name"
        class="mt-1 block w-full px-3 py-2 placeholder-slate-400 border border-slate-500 rounded-md focus:outline-none focus:shadow focus:border-sky-500 focus:ring-1 focus:ring-sky-500"
        placeholder="Name"
        value="{{ $service->name ?? null }}">
    @error('name')
        <p class="text-pink-500 text-sm">{{ $message }}</p>
    @enderror
</div>

<div class="mb-4">
    <label for="description" class="block font-medium text-slate-700">Description</label>
    <textarea id="description" name="description" max="255"
        class="mt-1 block w-full px-3 py-2 placeholder-slate-400 border border-slate-500 rounded-md focus:outline-none focus:shadow focus:border-sky-500 focus:ring-1 focus:ring-sky-500"
        placeholder="Description">{{ $service->description ?? null }}</textarea>
    @error('description')
        <p class="text-pink-500 text-sm">{{ $message }}</p>
    @enderror
</div>

<div class="mb-4">
    <label for="price" class="block font-medium text-slate-700">Price</label>
    <input type="number" id="price" name="price" min="0.00" step="1.00"
        class="mt-1 block w-full px-3 py-2 placeholder-slate-400 border border-slate-500 rounded-md focus:outline-none focus:shadow focus:border-sky-500 focus:ring-1 focus:ring-sky-500"
        placeholder="Price"
        value="{{ $service->price ?? 0.00 }}">
    @error('name')
        <p class="text-pink-500 text-sm">{{ $message }}</p>
    @enderror
</div>

<div class="mb-4">
    <label for="weightage" class="block font-medium text-slate-700">Weightage</label>
    <input type="number" id="weightage" name="weightage" min="0.00" step="0.01"
        class="mt-1 block w-full px-3 py-2 placeholder-slate-400 border border-slate-500 rounded-md focus:outline-none focus:shadow focus:border-sky-500 focus:ring-1 focus:ring-sky-500"
        placeholder="Weightage"
        value="{{ $service->weightage ?? null }}">
    @error('weightage')
        <p class="text-pink-500 text-sm">{{ $message }}</p>
    @enderror
</div>

<div class="flex justify-end">
    <button type="submit" class="bg-green-300 px-5 py-3 rounded-md font-medium text-slate-700">Save</button>
</div>