@extends('layouts.app')

@section('page-title', isset($contact) ? 'Edit-Contact' : 'Add Contact')

@section('content')
<div class="container">
    <h2>{{ isset($contact) ? 'Edit' : 'Add' }} Contact Info</h2>

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

        <div class="mb-3">
            <label>Type</label>
            <input type="text" name="type" class="form-control" value="{{ $contact->type ?? old('type') }}" >
        </div>

        <div class="mb-3">
            <label>Icon (Upload File)</label>
            <input type="file" name="icon" class="form-control">
           @if(isset($contact) && $contact->icon)
                <img src="{{ asset('uploads/contact_info/'.$contact->icon) }}" alt="icon" width="50" class="mt-2">
            @endif
        </div> 

        <!-- ✅ New field: Flag -->
         <div class="mb-3">
            <label>Flag (Upload File)</label>
            <input type="file" name="flag" class="form-control">
            @if(isset($contact) && $contact->flag)
                <img src="{{ asset('uploads/contact_info/'.$contact->flag) }}" alt="flag" width="50" class="mt-2">
            @endif
        </div>


        <!-- ✅ New field: Country -->
        <div class="mb-3">
            <label>Country</label>
            <input type="text" name="country" class="form-control" value="{{ $contact->country ?? old('country') }}">
        </div>

        <!-- ✅ New field: Office/Name -->
        <div class="mb-3">
            <label>Office / Name</label>
            <input type="text" name="name" class="form-control" value="{{ $contact->name ?? old('name') }}">
        </div>

        <!-- ✅ New field: Address -->
        <div class="mb-3">
            <label>Address</label>
            <textarea name="address" class="form-control">{{ $contact->address ?? old('address') }}</textarea>
        </div>

        <!-- ✅ New field: Phone -->
        <div class="mb-3">
            <label>Phone</label>
            <input type="text" name="phone" class="form-control" value="{{ $contact->phone ?? old('phone') }}">
        </div>

        <!-- ✅ New field: Fax -->
        <div class="mb-3">
            <label>Fax</label>
            <input type="text" name="fax" class="form-control" value="{{ $contact->fax ?? old('fax') }}">
        </div>

        <!-- ✅ New field: Email -->
        <div class="mb-3">
            <label>Email</label>
            <input type="email" name="email" class="form-control" value="{{ $contact->email ?? old('email') }}">
        </div>

        <!-- ✅ New field: Map Link -->
        <div class="mb-3">
            <label>Google Map Link</label>
            <input type="text" name="map_link" class="form-control" value="{{ $contact->map_link ?? old('map_link') }}">
        </div>

        <div class="mb-3">
            <label>Primary Info</label>
            <input type="text" name="info_primary" class="form-control" value="{{ $contact->info_primary ?? old('info_primary') }}">
        </div>

        <div class="mb-3">
            <label>Secondary Info</label>
            <input type="text" name="info_secondary" class="form-control" value="{{ $contact->info_secondary ?? old('info_secondary') }}">
        </div>

        <!-- Meta fields (kept commented out) -->
        <!-- 
        <div class="mb-3">
            <label>Meta Title</label>
            <input type="text" name="meta_title" class="form-control" value="{{ $contact->meta_title ?? old('meta_title') }}">
        </div>

        <div class="mb-3">
            <label>Meta Description</label>
            <textarea name="meta_description" class="form-control">{{ $contact->meta_description ?? old('meta_description') }}</textarea>
        </div>

        <div class="mb-3">
            <label>Meta Keywords</label>
            <input type="text" name="meta_keywords" class="form-control" value="{{ $contact->meta_keywords ?? old('meta_keywords') }}">
        </div>
        -->

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