@extends('admin.layouts.master')

@section('title', __('admin.settings'))
@section('page_title', __('admin.settings'))

@section('breadcrumbs')
    <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ __('admin.dashboard') }}</a></li>
    <li class="breadcrumb-item active">{{ __('admin.settings') }}</li>
@endsection

@section('content')
<div class="card 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 {{ $tab === 'company' ? 'active' : '' }}" data-toggle="pill" href="#tab-company" role="tab">
                    <i class="fas fa-building"></i> {{ __('admin.company_settings') }}
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {{ $tab === 'invoice' ? 'active' : '' }}" data-toggle="pill" href="#tab-invoice" role="tab">
                    <i class="fas fa-file-invoice"></i> {{ __('admin.invoices') }}
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {{ $tab === 'email' ? 'active' : '' }}" data-toggle="pill" href="#tab-email" role="tab">
                    <i class="fas fa-envelope"></i> Email
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {{ $tab === 'system' ? 'active' : '' }}" data-toggle="pill" href="#tab-system" role="tab">
                    <i class="fas fa-cogs"></i> النظام
                </a>
            </li>
        </ul>
    </div>

    <div class="card-body">
        <div class="tab-content">

            {{-- ===== Company tab ===== --}}
            <div class="tab-pane fade {{ $tab === 'company' ? 'show active' : '' }}" id="tab-company" role="tabpanel">
                <form action="{{ route('admin.settings.update', 'company') }}" method="POST" enctype="multipart/form-data">
                    @csrf @method('PUT')
                    @php $c = $values['company']; @endphp

                    <div class="row">
                        <div class="form-group col-md-6">
                            <label>اسم الشركة (إنجليزي)</label>
                            <input type="text" name="name" class="form-control" value="{{ $c['name'] ?? '' }}">
                        </div>
                        <div class="form-group col-md-6">
                            <label>اسم الشركة (عربي)</label>
                            <input type="text" name="name_ar" class="form-control" value="{{ $c['name_ar'] ?? '' }}">
                        </div>
                        <div class="form-group col-md-6">
                            <label>الشعار</label>
                            @if(!empty($c['logo']))
                                <div class="mb-2"><img src="{{ asset('storage/'.$c['logo']) }}" style="max-height:60px"></div>
                            @endif
                            <input type="file" name="logo" class="form-control-file" accept="image/*">
                        </div>
                        <div class="form-group col-md-6">
                            <label>{{ __('admin.phone') }}</label>
                            <input type="text" name="phone" class="form-control" value="{{ $c['phone'] ?? '' }}">
                        </div>
                        <div class="form-group col-md-6">
                            <label>{{ __('admin.email') }}</label>
                            <input type="email" name="email" class="form-control" value="{{ $c['email'] ?? '' }}">
                        </div>
                        <div class="form-group col-md-6">
                            <label>السجل التجاري</label>
                            <input type="text" name="commercial_register" class="form-control" value="{{ $c['commercial_register'] ?? '' }}">
                        </div>
                        <div class="form-group col-md-6">
                            <label>البطاقة الضريبية</label>
                            <input type="text" name="tax_card" class="form-control" value="{{ $c['tax_card'] ?? '' }}">
                        </div>
                        <div class="form-group col-md-3">
                            <label>نسبة الضريبة %</label>
                            <input type="number" step="0.01" min="0" name="tax_rate" class="form-control" value="{{ $c['tax_rate'] ?? 0 }}">
                        </div>
                        <div class="form-group col-md-3">
                            <label>كود العملة</label>
                            <input type="text" name="currency_code" class="form-control" value="{{ $c['currency_code'] ?? 'EGP' }}">
                        </div>
                        <div class="form-group col-md-3">
                            <label>رمز العملة</label>
                            <input type="text" name="currency_symbol" class="form-control" value="{{ $c['currency_symbol'] ?? 'EGP' }}">
                        </div>
                        <div class="form-group col-md-12">
                            <label>العنوان</label>
                            <textarea name="address" class="form-control" rows="2">{{ $c['address'] ?? '' }}</textarea>
                        </div>
                    </div>
                    @can('settings.edit')
                        <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> {{ __('admin.save') }}</button>
                    @endcan
                </form>
            </div>

            {{-- ===== Invoice tab ===== --}}
            <div class="tab-pane fade {{ $tab === 'invoice' ? 'show active' : '' }}" id="tab-invoice" role="tabpanel">
                <form action="{{ route('admin.settings.update', 'invoice') }}" method="POST">
                    @csrf @method('PUT')
                    @php $i = $values['invoice']; @endphp

                    <div class="row">
                        <div class="form-group col-md-3"><label>Quotation prefix</label>
                            <input type="text" name="prefix_quotation" class="form-control" value="{{ $i['prefix_quotation'] ?? '' }}"></div>
                        <div class="form-group col-md-3"><label>Sales Order prefix</label>
                            <input type="text" name="prefix_sales_order" class="form-control" value="{{ $i['prefix_sales_order'] ?? '' }}"></div>
                        <div class="form-group col-md-3"><label>Invoice prefix</label>
                            <input type="text" name="prefix_invoice" class="form-control" value="{{ $i['prefix_invoice'] ?? '' }}"></div>
                        <div class="form-group col-md-3"><label>Purchase prefix</label>
                            <input type="text" name="prefix_purchase" class="form-control" value="{{ $i['prefix_purchase'] ?? '' }}"></div>
                        <div class="form-group col-md-3"><label>Receipt prefix</label>
                            <input type="text" name="prefix_receipt" class="form-control" value="{{ $i['prefix_receipt'] ?? '' }}"></div>
                        <div class="form-group col-md-3"><label>Payment prefix</label>
                            <input type="text" name="prefix_payment" class="form-control" value="{{ $i['prefix_payment'] ?? '' }}"></div>
                        <div class="form-group col-md-3"><label>الرقم الابتدائي</label>
                            <input type="number" min="1" name="starting_number" class="form-control" value="{{ $i['starting_number'] ?? 1 }}"></div>
                        <div class="form-group col-md-3 d-flex align-items-end">
                            <div class="icheck-primary">
                                <input type="checkbox" name="show_logo_on_pdf" id="show_logo" value="1" {{ !empty($i['show_logo_on_pdf']) ? 'checked' : '' }}>
                                <label for="show_logo">إظهار الشعار في PDF</label>
                            </div>
                        </div>
                        <div class="form-group col-md-12">
                            <label>تذييل الفواتير</label>
                            <textarea name="footer_note" class="form-control" rows="3">{{ $i['footer_note'] ?? '' }}</textarea>
                        </div>
                    </div>
                    @can('settings.edit')
                        <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> {{ __('admin.save') }}</button>
                    @endcan
                </form>
            </div>

            {{-- ===== Email tab ===== --}}
            <div class="tab-pane fade {{ $tab === 'email' ? 'show active' : '' }}" id="tab-email" role="tabpanel">
                <form action="{{ route('admin.settings.update', 'email') }}" method="POST">
                    @csrf @method('PUT')
                    @php $e = $values['email']; @endphp

                    <div class="row">
                        <div class="form-group col-md-6"><label>From name</label>
                            <input type="text" name="from_name" class="form-control" value="{{ $e['from_name'] ?? '' }}"></div>
                        <div class="form-group col-md-6"><label>From address</label>
                            <input type="email" name="from_address" class="form-control" value="{{ $e['from_address'] ?? '' }}"></div>
                        <div class="form-group col-md-6"><label>Reply-to</label>
                            <input type="email" name="reply_to" class="form-control" value="{{ $e['reply_to'] ?? '' }}"></div>
                        <div class="form-group col-md-12"><label>التوقيع (HTML مسموح)</label>
                            <textarea name="signature" class="form-control" rows="4">{{ $e['signature'] ?? '' }}</textarea></div>
                    </div>
                    @can('settings.edit')
                        <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> {{ __('admin.save') }}</button>
                    @endcan
                </form>
            </div>

            {{-- ===== System tab ===== --}}
            <div class="tab-pane fade {{ $tab === 'system' ? 'show active' : '' }}" id="tab-system" role="tabpanel">
                <form action="{{ route('admin.settings.update', 'system') }}" method="POST">
                    @csrf @method('PUT')
                    @php $s = $values['system']; @endphp

                    <div class="row">
                        <div class="form-group col-md-4"><label>Date format</label>
                            <input type="text" name="date_format" class="form-control" value="{{ $s['date_format'] ?? 'Y-m-d' }}"></div>
                        <div class="form-group col-md-4"><label>Datetime format</label>
                            <input type="text" name="datetime_format" class="form-control" value="{{ $s['datetime_format'] ?? 'Y-m-d H:i' }}"></div>
                        <div class="form-group col-md-4"><label>Items per page</label>
                            <input type="number" min="5" max="200" name="items_per_page" class="form-control" value="{{ $s['items_per_page'] ?? 25 }}"></div>
                        <div class="form-group col-md-6">
                            <div class="icheck-primary">
                                <input type="checkbox" name="low_stock_alert" id="low_stock_alert" value="1" {{ !empty($s['low_stock_alert']) ? 'checked' : '' }}>
                                <label for="low_stock_alert">تنبيهات المخزون المنخفض</label>
                            </div>
                        </div>
                        <div class="form-group col-md-6">
                            <div class="icheck-primary">
                                <input type="checkbox" name="whatsapp_enabled" id="whatsapp_enabled" value="1" {{ !empty($s['whatsapp_enabled']) ? 'checked' : '' }}>
                                <label for="whatsapp_enabled">تكامل WhatsApp</label>
                            </div>
                        </div>
                    </div>
                    @can('settings.edit')
                        <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> {{ __('admin.save') }}</button>
                    @endcan
                </form>
            </div>

        </div>
    </div>
</div>
@endsection