@extends('layouts.app')

@php
    use App\Models\Setting;
    $val = fn($k, $d=null) => old($k, Setting::get($k, $d));
@endphp

@section('title', __('messages.company_settings'))
@section('page_title', __('messages.company_settings'))
@section('breadcrumb')
    <li class="breadcrumb-item active">{{ __('messages.company_settings') }}</li>
@endsection

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

    <div class="card card-primary card-outline card-tabs">
        <div class="card-header p-0 pt-1">
            <ul class="nav nav-tabs" role="tablist">
                <li class="nav-item"><a class="nav-link active" data-toggle="pill" href="#tab-company">بيانات الشركة</a></li>
                <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#tab-eta">الفاتورة الإلكترونية ETA</a></li>
            </ul>
        </div>
        <div class="card-body">
            @if ($errors->any())
                <div class="alert alert-danger">
                    @foreach ($errors->all() as $e) <div>{{ $e }}</div> @endforeach
                </div>
            @endif

            <div class="tab-content">
                {{-- بيانات الشركة --}}
                <div class="tab-pane fade show active" id="tab-company">
                    <div class="row">
                        <div class="col-md-6 form-group">
                            <label>اسم الشركة (عربي) <span class="text-danger">*</span></label>
                            <input type="text" name="company_name" class="form-control" value="{{ $val('company_name') }}" required>
                        </div>
                        <div class="col-md-6 form-group">
                            <label>اسم الشركة (إنجليزي)</label>
                            <input type="text" name="company_name_en" class="form-control" value="{{ $val('company_name_en') }}">
                        </div>
                        <div class="col-md-4 form-group">
                            <label>{{ __('messages.tax_number') }}</label>
                            <input type="text" name="tax_number" class="form-control" value="{{ $val('tax_number') }}">
                        </div>
                        <div class="col-md-4 form-group">
                            <label>{{ __('messages.commercial_reg') }}</label>
                            <input type="text" name="commercial_reg" class="form-control" value="{{ $val('commercial_reg') }}">
                        </div>
                        <div class="col-md-4 form-group">
                            <label>{{ __('messages.currency') }}</label>
                            <input type="text" name="currency" class="form-control" value="{{ $val('currency', 'EGP') }}">
                        </div>
                        <div class="col-md-6 form-group">
                            <label>{{ __('messages.email') }}</label>
                            <input type="email" name="company_email" class="form-control" value="{{ $val('company_email') }}">
                        </div>
                        <div class="col-md-6 form-group">
                            <label>{{ __('messages.phone') }}</label>
                            <input type="text" name="company_phone" class="form-control" value="{{ $val('company_phone') }}">
                        </div>
                        <div class="col-12 form-group">
                            <label>{{ __('messages.address') }}</label>
                            <textarea name="company_address" class="form-control" rows="2">{{ $val('company_address') }}</textarea>
                        </div>
                        <div class="col-md-6 form-group">
                            <label>{{ __('messages.logo') }}</label>
                            <input type="file" name="logo" class="form-control-file" accept="image/*">
                            @if (Setting::get('logo'))
                                <div class="mt-2"><img src="{{ asset('storage/'.Setting::get('logo')) }}" style="max-height:80px;"></div>
                            @endif
                        </div>
                    </div>
                </div>

                {{-- ETA --}}
                <div class="tab-pane fade" id="tab-eta">
                    <div class="alert alert-info">
                        <i class="fas fa-info-circle"></i>
                        أدخل بيانات تسجيلك في بوابة الفاتورة الإلكترونية المصرية. التوقيع الرقمي يُضاف لاحقاً عبر إعدادات الشهادة.
                    </div>
                    <div class="row">
                        <div class="col-md-4 form-group">
                            <label>البيئة</label>
                            <select name="eta_environment" class="form-control">
                                <option value="preprod" {{ $val('eta_environment','preprod') === 'preprod' ? 'selected' : '' }}>اختبار (Pre-prod)</option>
                                <option value="production" {{ $val('eta_environment') === 'production' ? 'selected' : '' }}>إنتاج (Production)</option>
                            </select>
                        </div>
                        <div class="col-md-8 form-group">
                            <label>الرقم الضريبي للممول (Taxpayer RIN)</label>
                            <input type="text" name="eta_taxpayer_rin" class="form-control" value="{{ $val('eta_taxpayer_rin') }}">
                        </div>
                        <div class="col-md-6 form-group">
                            <label>Client ID</label>
                            <input type="text" name="eta_client_id" class="form-control" value="{{ $val('eta_client_id') }}">
                        </div>
                        <div class="col-md-6 form-group">
                            <label>Client Secret</label>
                            <input type="password" name="eta_client_secret" class="form-control" value="{{ $val('eta_client_secret') }}" autocomplete="new-password">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-footer">
            <button type="submit" class="btn btn-success"><i class="fas fa-save"></i> {{ __('messages.save') }}</button>
        </div>
    </div>
</form>
@endsection