@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">Create Company Setting</h2>
            <p class="mt-1 text-sm text-gray-600">Add company details, logo, favicon and status</p>
        </div>

        <form action="{{ route('admin.company-settings.store') }}" method="POST" enctype="multipart/form-data">
            @csrf

            <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') }}"
                        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') }}</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') }}"
                        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') }}"
                        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-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') == '1' ? 'selected' : '' }}>Active</option>
                        <option value="0" {{ old('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"
                >
                    Save
                </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