@extends('layouts.app')

@section('content')
<h3 class="mb-3">{{ $mode === 'create' ? 'Add Customer' : 'Edit Customer' }}</h3>
<form method="POST" action="{{ $mode === 'create' ? route('customers.store') : route('customers.update', $customer) }}" class="card">
    <div class="card-body row g-3">
        @csrf
        @if($mode === 'edit') @method('PUT') @endif
        <div class="col-md-6"><label class="form-label">First Name</label><input name="first_name" class="form-control" value="{{ old('first_name', $customer->first_name) }}"></div>
        <div class="col-md-6"><label class="form-label">Last Name</label><input name="last_name" class="form-control" value="{{ old('last_name', $customer->last_name) }}"></div>
        <div class="col-md-6"><label class="form-label">Email</label><input name="email" type="email" class="form-control" value="{{ old('email', $customer->email) }}"></div>
        <div class="col-md-6"><label class="form-label">Phone</label><input name="phone" class="form-control" value="{{ old('phone', $customer->phone) }}"></div>
        <div class="col-md-6"><label class="form-label">Alt Phone</label><input name="alt_phone" class="form-control" value="{{ old('alt_phone', $customer->alt_phone) }}"></div>
        <div class="col-md-6"><label class="form-label">Company</label><input name="company" class="form-control" value="{{ old('company', $customer->company) }}"></div>
        <div class="col-md-6"><label class="form-label">Designation</label><input name="designation" class="form-control" value="{{ old('designation', $customer->designation) }}"></div>
        <div class="col-md-6"><label class="form-label">Department</label><input name="department" class="form-control" value="{{ old('department', $customer->department) }}"></div>
        <div class="col-md-4"><label class="form-label">City</label><input name="city" class="form-control" value="{{ old('city', $customer->city) }}"></div>
        <div class="col-md-4"><label class="form-label">State</label><input name="state" class="form-control" value="{{ old('state', $customer->state) }}"></div>
        <div class="col-md-4"><label class="form-label">Pincode</label><input name="pincode" class="form-control" value="{{ old('pincode', $customer->pincode) }}"></div>
        <div class="col-md-6"><label class="form-label">Address Line 1</label><input name="address_line1" class="form-control" value="{{ old('address_line1', $customer->address_line1) }}"></div>
        <div class="col-md-6"><label class="form-label">Address Line 2</label><input name="address_line2" class="form-control" value="{{ old('address_line2', $customer->address_line2) }}"></div>
        <div class="col-md-4"><label class="form-label">Country</label><input name="country" class="form-control" value="{{ old('country', $customer->country ?: 'India') }}"></div>
        <div class="col-md-4"><label class="form-label">Source</label><input name="source" class="form-control" value="{{ old('source', $customer->source) }}"></div>
        <div class="col-md-4"><label class="form-label">Primary Tag</label><input name="primary_tag" class="form-control" value="{{ old('primary_tag', $customer->primary_tag) }}"></div>
        <div class="col-md-12"><label class="form-label">Tags (comma separated)</label><input name="tags[]" class="form-control" value="{{ old('tags.0', $customer->tags->pluck('name')->implode(', ') ?? '') }}" placeholder="VIP, Expo, Hot Lead"></div>
    </div>
    <div class="card-footer d-flex justify-content-between">
        <a href="{{ route('customers.index') }}" class="btn btn-outline-secondary">Back</a>
        <button class="btn btn-primary">Save</button>
    </div>
</form>
@endsection