@extends('layouts.app')

@section('title', 'Company Settings')
@section('header', 'Company Settings')
@section('subheader', 'Manage your organisation profile and preferences')

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

        <div class="row g-4">
            <div class="col-lg-8">
                <div class="card table-wrapper mb-4">
                    <div class="card-body">
                        <h2 class="h6 text-muted text-uppercase mb-3">General</h2>
                        <div class="row g-3">
                            <div class="col-md-8">
                                <label for="name" class="form-label">Company Name <span class="text-danger">*</span></label>
                                <input type="text" id="name" name="name" value="{{ old('name', $setting->name) }}"
                                    class="form-control @error('name') is-invalid @enderror" required>
                                @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-4">
                                <label for="currency" class="form-label">Currency <span class="text-danger">*</span></label>
                                <select id="currency" name="currency" class="form-select @error('currency') is-invalid @enderror" required>
                                    @foreach ($currencies as $code)
                                        <option value="{{ $code }}" @selected(old('currency', $setting->currency) === $code)>{{ $code }}</option>
                                    @endforeach
                                </select>
                                @error('currency')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card table-wrapper mb-4">
                    <div class="card-body">
                        <h2 class="h6 text-muted text-uppercase mb-3">Contact</h2>
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label for="phone" class="form-label">Phone</label>
                                <input type="text" id="phone" name="phone" value="{{ old('phone', $setting->phone) }}"
                                    class="form-control @error('phone') is-invalid @enderror">
                                @error('phone')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-6">
                                <label for="email" class="form-label">Email</label>
                                <input type="email" id="email" name="email" value="{{ old('email', $setting->email) }}"
                                    class="form-control @error('email') is-invalid @enderror">
                                @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-12">
                                <label for="website" class="form-label">Website</label>
                                <input type="url" id="website" name="website" value="{{ old('website', $setting->website) }}"
                                    class="form-control @error('website') is-invalid @enderror" placeholder="https://example.com">
                                @error('website')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-12">
                                <label for="address" class="form-label">Address</label>
                                <textarea id="address" name="address" rows="2"
                                    class="form-control @error('address') is-invalid @enderror">{{ old('address', $setting->address) }}</textarea>
                                @error('address')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card table-wrapper">
                    <div class="card-body">
                        <h2 class="h6 text-muted text-uppercase mb-3">Localisation & Office Timing</h2>
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label for="timezone" class="form-label">Timezone <span class="text-danger">*</span></label>
                                <select id="timezone" name="timezone" class="form-select @error('timezone') is-invalid @enderror" required>
                                    @foreach ($timezones as $tz)
                                        <option value="{{ $tz }}" @selected(old('timezone', $setting->timezone) === $tz)>{{ $tz }}</option>
                                    @endforeach
                                </select>
                                @error('timezone')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-3">
                                <label for="office_start_time" class="form-label">Office Start</label>
                                <input type="time" id="office_start_time" name="office_start_time"
                                    value="{{ old('office_start_time', $setting->office_start_time?->format('H:i')) }}"
                                    class="form-control @error('office_start_time') is-invalid @enderror">
                                @error('office_start_time')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-3">
                                <label for="office_end_time" class="form-label">Office End</label>
                                <input type="time" id="office_end_time" name="office_end_time"
                                    value="{{ old('office_end_time', $setting->office_end_time?->format('H:i')) }}"
                                    class="form-control @error('office_end_time') is-invalid @enderror">
                                @error('office_end_time')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-4">
                <div class="card stat-card">
                    <div class="card-body text-center">
                        <h2 class="h6 text-muted text-uppercase mb-3">Company Logo</h2>
                        <div class="mb-3">
                            @if ($setting->logo_url)
                                <img src="{{ $setting->logo_url }}" alt="Company logo"
                                    class="img-fluid rounded border" style="max-height:140px;">
                            @else
                                <div class="d-flex align-items-center justify-content-center rounded border bg-light mx-auto"
                                    style="height:140px;width:140px;">
                                    <i class="bi bi-building fs-1 text-muted"></i>
                                </div>
                            @endif
                        </div>
                        <input type="file" id="logo" name="logo" accept="image/*"
                            class="form-control @error('logo') is-invalid @enderror">
                        <div class="form-text">PNG, JPG, SVG or WEBP · max 2&nbsp;MB.</div>
                        @error('logo')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                    </div>
                </div>

                <div class="d-grid mt-4">
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-check-lg me-1"></i>Save Settings
                    </button>
                </div>
            </div>
        </div>
    </form>
@endsection