@extends('layouts.app')

@section('content')

<div class="container">

    <div class="card shadow-lg p-4">

        <h3 class="mb-3">✏️ Edit Customer</h3>

        <form action="{{ route('customers.update', $customer->id) }}" method="POST">

            @csrf
            @method('PUT')

            <input type="text"
                   name="customer_id"
                   value="{{ $customer->customer_id }}"
                   class="form-control mb-2"
                   placeholder="Customer ID"
                   required>

            <input type="text"
                   name="name"
                   value="{{ $customer->name }}"
                   class="form-control mb-2"
                   placeholder="Customer Name"
                   required>

            <input type="text"
                   name="mobile"
                   value="{{ $customer->mobile }}"
                   class="form-control mb-2"
                   placeholder="Mobile"
                   required>

            <input type="email"
                   name="email"
                   value="{{ $customer->email }}"
                   class="form-control mb-2"
                   placeholder="Email">

            <input type="text"
                   name="address"
                   value="{{ $customer->address }}"
                   class="form-control mb-2"
                   placeholder="Address">

            <input type="text"
                   name="package_name"
                   value="{{ $customer->package_name }}"
                   class="form-control mb-2"
                   placeholder="Package Name">

            <input type="number"
                   name="monthly_bill"
                   value="{{ $customer->monthly_bill }}"
                   class="form-control mb-2"
                   placeholder="Monthly Bill">

            <input type="date"
                   name="join_date"
                   value="{{ $customer->join_date }}"
                   class="form-control mb-2">

            <!-- ⭐ STATUS FIELD FIX (IMPORTANT) -->
            <select name="status" class="form-control mb-3">

                <option value="Active"
                    {{ $customer->status == 'Active' ? 'selected' : '' }}>
                    Active
                </option>

                <option value="Inactive"
                    {{ $customer->status == 'Inactive' ? 'selected' : '' }}>
                    Inactive
                </option>

            </select>

            <button class="btn btn-primary">
                Update Customer
            </button>

            <a href="{{ route('customers.index') }}" class="btn btn-secondary">
                Back
            </a>

        </form>

    </div>

</div>

@endsection