@extends('admin.master')

@section('content')
<div class=" mx-auto ">
    <div class="bg-white border border-gray-300 rounded-md p-4 sm:p-5">
        <div class="mb-5 text-center sm:text-left">
            <h2 class="text-2xl sm:text-3xl font-bold text-gray-800">Edit Company Setting</h2>
            <p class="mt-1 text-sm text-gray-600">Update company details, logo, favicon and status</p>
        </div>

        <form action="{{ route('admin.company-settings.update', $companySetting->id) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')

            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div class="md:col-span-2">
                    <label class="block text-sm font-semibold text-gray-700 mb-1">Company Name</label>
                    <input
                        type="text"
                        name="company_name"
                        value="{{ old('company_name', $companySetting->company_name) }}"
                        class="w-full border border-gray-300 rounded px-3 py-2 text-sm sm:text-base"
                    >
                    @error('company_name')
                        <p class="text-red-600 text-sm mt-1">{{ $message }}</p>
                    @enderror
                </div>

                <div class="md:col-span-2">
                    <label class="block text-sm font-semibold text-gray-700 mb-1">Address</label>
                    <textarea
                        name="address"
                        rows="3"
                        class="w-full border border-gray-300 rounded px-3 py-2 text-sm sm:text-base"
                    >{{ old('address', $companySetting->address) }}</textarea>
                    @error('address')
                        <p class="text-red-600 text-sm mt-1">{{ $message }}</p>
                    @enderror
                </div>

                <div>
                    <label class="block text-sm font-semibold text-gray-700 mb-1">Phone</label>
                    <input
                        type="text"
                        name="phone"
                        value="{{ old('phone', $companySetting->phone) }}"
                        class="w-full border border-gray-300 rounded px-3 py-2 text-sm sm:text-base"
                    >
                    @error('phone')
                        <p class="text-red-600 text-sm mt-1">{{ $message }}</p>
                    @enderror
                </div>

                <div>
                    <label class="block text-sm font-semibold text-gray-700 mb-1">Email</label>
                    <input
                        type="email"
                        name="email"
                        value="{{ old('email', $companySetting->email) }}"
                        class="w-full border border-gray-300 rounded px-3 py-2 text-sm sm:text-base"
                    >
                    @error('email')
                        <p class="text-red-600 text-sm mt-1">{{ $message }}</p>
                    @enderror
                </div>

                <div>
                    <label class="block text-sm font-semibold text-gray-700 mb-2">Current Logo</label>
                    <div class="border border-gray-300 rounded p-3 min-h-[90px] flex items-center">
                        @if($companySetting->logo)
                            <img
                                src="{{ asset($companySetting->logo) }}"
                                alt="logo"
                                class="h-20 w-auto rounded border border-gray-300 object-contain bg-white p-1"
                            >
                        @else
                            <span class="text-sm text-gray-500">No logo uploaded</span>
                        @endif
                    </div>
                </div>

                <div>
                    <label class="block text-sm font-semibold text-gray-700 mb-2">Current Favicon</label>
                    <div class="border border-gray-300 rounded p-3 min-h-[90px] flex items-center">
                        @if($companySetting->favicon)
                            <img
                                src="{{ asset($companySetting->favicon) }}"
                                alt="favicon"
                                class="h-10 w-10 rounded border border-gray-300 object-contain bg-white p-1"
                            >
                        @else
                            <span class="text-sm text-gray-500">No favicon uploaded</span>
                        @endif
                    </div>
                </div>

                <div>
                    <label class="block text-sm font-semibold text-gray-700 mb-1">Logo</label>
                    <input
                        type="file"
                        name="logo"
                        class="w-full border border-gray-300 rounded px-3 py-2 text-sm sm:text-base bg-white"
                    >
                    @error('logo')
                        <p class="text-red-600 text-sm mt-1">{{ $message }}</p>
                    @enderror
                </div>

                <div>
                    <label class="block text-sm font-semibold text-gray-700 mb-1">Favicon</label>
                    <input
                        type="file"
                        name="favicon"
                        class="w-full border border-gray-300 rounded px-3 py-2 text-sm sm:text-base bg-white"
                    >
                    @error('favicon')
                        <p class="text-red-600 text-sm mt-1">{{ $message }}</p>
                    @enderror
                </div>

                <div>
                    <label class="block text-sm font-semibold text-gray-700 mb-1">Status</label>
                    <select
                        name="status"
                        class="w-full border border-gray-300 rounded px-3 py-2 text-sm sm:text-base bg-white"
                    >
                        <option value="1" {{ old('status', $companySetting->status) == '1' ? 'selected' : '' }}>Active</option>
                        <option value="0" {{ old('status', $companySetting->status) == '0' ? 'selected' : '' }}>Inactive</option>
                    </select>
                    @error('status')
                        <p class="text-red-600 text-sm mt-1">{{ $message }}</p>
                    @enderror
                </div>
            </div>

            <div class="mt-5 flex flex-col sm:flex-row gap-3">
                <button
                    type="submit"
                    class="w-full sm:w-auto bg-black text-white px-5 py-2 rounded text-sm sm:text-base"
                >
                    Update
                </button>

                <a href="{{ route('admin.company-settings.index') }}"
                   class="w-full sm:w-auto text-center bg-gray-600 text-white px-5 py-2 rounded text-sm sm:text-base">
                    Back
                </a>
            </div>
        </form>
    </div>
</div>
@endsection