@extends('layouts.app')

@section('content')
<div class="container-fluid">
    
    <div class="my-4 page-header-breadcrumb d-flex align-items-center justify-content-between flex-wrap gap-2">
        <div>
            <h1 class="page-title fw-medium fs-18 mb-2">{{ __('app.system_settings') }}</h1>
            <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">{{ __('app.dashboard') }}</a></li>
                <li class="breadcrumb-item"><a href="{{ route('settings.index') }}">{{ __('app.settings') }}</a></li>
                <li class="breadcrumb-item active">{{ __('app.system_settings') }}</li>
            </ol>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <h4 class="header-title">{{ __('app.system_settings') }}</h4>
                    
                    <form method="POST" action="{{ route('settings.system') }}">
                        @csrf
                        
                        <div class="mb-3">
                            <label class="form-label">{{ __('app.timezone') }}</label>
                            <select class="form-select" name="timezone" required>
                                <option value="UTC" {{ ($settings['timezone'] ?? 'UTC') == 'UTC' ? 'selected' : '' }}>UTC</option>
                                <option value="Asia/Riyadh" {{ ($settings['timezone'] ?? '') == 'Asia/Riyadh' ? 'selected' : '' }}>Asia/Riyadh</option>
                                <option value="America/New_York" {{ ($settings['timezone'] ?? '') == 'America/New_York' ? 'selected' : '' }}>America/New_York</option>
                            </select>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">{{ __('app.admin_whatsapp') }}</label>
                            <input type="text" class="form-control" name="admin_whatsapp" 
                                   value="{{ old('admin_whatsapp', $settings['admin_whatsapp'] ?? '') }}">
                        </div>

                        <div class="mb-3">
                            <label class="form-label">{{ __('app.admin_email') }}</label>
                            <input type="email" class="form-control" name="admin_email" 
                                   value="{{ old('admin_email', $settings['admin_email'] ?? '') }}">
                        </div>

                        <div class="mb-3">
                            <label class="form-label">{{ __('app.call_start_time') }}</label>
                            <input type="time" class="form-control" name="call_start_time" 
                                   value="{{ old('call_start_time', $settings['call_start_time'] ?? '09:00') }}" required>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">{{ __('app.call_end_time') }}</label>
                            <input type="time" class="form-control" name="call_end_time" 
                                   value="{{ old('call_end_time', $settings['call_end_time'] ?? '17:00') }}" required>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">{{ __('app.email_time') }}</label>
                            <input type="time" class="form-control" name="email_time" 
                                   value="{{ old('email_time', $settings['email_time'] ?? '10:00') }}" required>
                        </div>

                        <div class="mb-3">
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" name="whatsapp_enabled" value="1" 
                                       {{ ($settings['whatsapp_enabled'] ?? false) ? 'checked' : '' }}>
                                <label class="form-check-label">{{ __('app.whatsapp_enabled') }}</label>
                            </div>
                        </div>

                        <div class="text-end">
                            <button type="submit" class="btn btn-success">{{ __('app.save') }}</button>
                            <a href="{{ route('settings.index') }}" class="btn btn-secondary">{{ __('app.cancel') }}</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection