@extends('layouts/layoutMaster')

@section('title', ($providerDetails->display_name ?? 'Provider') . ' — Settings')

@section('content')
    @php $provId = $providerDetails->uuid ?? ''; @endphp

    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex align-items-center justify-content-between flex-wrap gap-2">
                <div>
                    <h4 class="fw-bold mb-1">Provider Details</h4>
                    <p class="text-muted mb-0">Configuration and general settings.</p>
                </div>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0">
                        <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
                        <li class="breadcrumb-item"><a href="{{ url('providers') }}">Providers</a></li>
                        <li class="breadcrumb-item active">{{ $providerDetails->display_name ?? '' }}</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>

    @include('providers.administrator._header', ['providerDetails' => $providerDetails])

    <div class="row g-4">
        <div class="col-12 col-lg-3">
            @include('providers.administrator._nav', ['activePage' => 'settings', 'providerDetails' => $providerDetails])
        </div>
        <div class="col-12 col-lg-9">

            {{-- General Settings --}}
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">General Settings</h5>
                    <small class="text-muted">Provider identity and display configuration.</small>
                </div>
                <div class="card-body">
                    <form id="settings-form">
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label">Display Name</label>
                                <input type="text" class="form-control" value="{{ $providerDetails->display_name ?? '' }}" />
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Code Name</label>
                                <input type="text" class="form-control" value="{{ $providerDetails->code_name ?? '' }}" />
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">SPSERP Entity ID</label>
                                <input type="text" class="form-control" value="{{ $providerDetails->provider_id ?? '' }}" disabled />
                                <small class="text-muted">Linked business entity in SPSERP. Cannot be changed.</small>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">QB Currency</label>
                                <input type="text" class="form-control" value="{{ $providerDetails->qb_currency ?? '' }}" />
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Use Display Name</label>
                                <div class="form-check form-switch mt-1">
                                    <input class="form-check-input" type="checkbox" id="use-display-name" {{ ($providerDetails->use_display_name ?? 0) == 1 ? 'checked' : '' }} />
                                    <label class="form-check-label" for="use-display-name">Override SPSERP entity name with display name</label>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Status</label>
                                <select class="form-select">
                                    <option value="1" {{ ($providerDetails->status ?? 1) == 1 ? 'selected' : '' }}>Active</option>
                                    <option value="0" {{ ($providerDetails->status ?? 1) == 0 ? 'selected' : '' }}>Inactive</option>
                                </select>
                            </div>
                        </div>
                        <div class="mt-4">
                            <button type="button" class="btn btn-primary" onclick="toastNoti('Settings save is under development.', 'info')">
                                <i class="ti ti-device-floppy me-1"></i> Save Changes
                            </button>
                        </div>
                    </form>
                </div>
            </div>

            {{-- Moderator Settings --}}
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">Moderator Configuration</h5>
                    <small class="text-muted">Control how moderators are assigned to document requests.</small>
                </div>
                <div class="card-body">
                    <div class="d-flex align-items-center justify-content-between p-3 rounded border">
                        <div>
                            <h6 class="mb-1">Use Default Moderators</h6>
                            <p class="text-muted small mb-0">
                                When enabled, moderators are sourced from the system-wide default roles.
                                When disabled, only moderators explicitly assigned to this provider are used.
                            </p>
                        </div>
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" id="default-moderators"
                                {{ ($providerDetails->using_default_moderators ?? 1) == 1 ? 'checked' : '' }}
                                onchange="toastNoti('Moderator setting update is under development.', 'info')" />
                        </div>
                    </div>
                </div>
            </div>

            {{-- Audit Info --}}
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">Audit Information</h5>
                    <small class="text-muted">Record timestamps and history.</small>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <div class="p-3 rounded bg-lighter">
                                <small class="text-muted d-block mb-1">Created</small>
                                <span class="fw-medium">{{ $providerDetails->created_at ?? '—' }}</span>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="p-3 rounded bg-lighter">
                                <small class="text-muted d-block mb-1">Last Updated</small>
                                <span class="fw-medium">{{ $providerDetails->updated_at ?? '—' }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
@endsection