@extends('layouts.app')

@section('page-title', isset($item) ? 'Edit Choose-Meking' : 'Add Choose Meking')

@section('content')
<div class="container">
    <h2 class="mb-4">{{ isset($item) ? 'Edit' : 'Add' }} Choose Meking Entry</h2>

    <form action="{{ isset($item) ? route('choose.update', $item->id) : route('choose.store') }}" 
          method="POST" enctype="multipart/form-data">
        @csrf

        {{-- Heading --}}
        <div class="mb-3">
            <label for="heading" class="form-label">Heading</label>
            <input type="text" name="heading" id="heading" class="form-control" 
                   value="{{ old('heading', $item->heading ?? '') }}">
        </div>

        {{-- Sub-heading --}}
        <div class="mb-3">
            <label for="sub_heading" class="form-label">Sub-heading</label>
            <input type="text" name="sub_heading" id="sub_heading" class="form-control" 
                   value="{{ old('sub_heading', $item->sub_heading ?? '') }}">
        </div>

        {{-- Title --}}
        <div class="mb-3">
            <label for="title" class="form-label">Title</label>
            <input type="text" name="title" id="title" class="form-control" 
                   value="{{ old('title', $item->title ?? '') }}">
        </div>

        {{-- Description --}}
        <div class="mb-3">
            <label for="desc" class="form-label">Description</label>
            <textarea name="desc" id="desc" class="form-control" rows="4">{{ old('desc', $item->desc ?? '') }}</textarea>
        </div>

        {{-- Image --}}
        <div class="mb-3">
            <label for="image" class="form-label">Center Image</label>
            <input type="file" name="image" id="image" class="form-control">
            @if(isset($item) && $item->image)
                <img src="{{ asset('uploads/choose_meking/'.$item->image) }}" alt="Image" class="mt-2" style="max-width:150px;">
            @endif
        </div>

        {{-- Icon --}}
        <div class="mb-3">
            <label for="icon" class="form-label">Icon</label>
            <input type="file" name="icon" id="icon" class="form-control">
            @if(isset($item) && $item->icon)
                <img src="{{ asset('uploads/choose_meking/'.$item->icon) }}" alt="Icon" class="mt-2" style="max-width:50px;">
            @endif
        </div>

        {{-- Order No --}}
        <div class="mb-3">
            <label for="order_no" class="form-label">Order No</label>
            <input type="number" name="order_no" id="order_no" class="form-control" 
                   value="{{ old('order_no', $item->order_no ?? 0) }}">
        </div>

        <button type="submit" class="btn btn-primary">{{ isset($item) ? 'Update' : 'Save' }}</button>
    </form>
</div>
@endsection