@extends('manager.layouts.app')
@section('page_title', $page_title ?? 'Edit FAQs')
@push('head-scripts')
    <style>
        .form-label { font-weight: 600; font-size: 0.875rem; }
        .input-group-text { font-size: 0.85rem; background-color: #f8f9fa; }
    </style>
@endpush
@section('content')
<div class="card mt-3 shadow-sm border-0">
    <div class="card-body">
        {{-- Page Header --}}
        <x-page-header :title="$p_title" :summary="$p_summary" :url="auth()->user()->can('manager_transaction_faqs-list') ? $url : null" :urlText="$url_text"/>
        
        <form method="POST" action="{{ $action }}">
            @csrf
            @method('PUT')
            <div class="row g-3 mb-3">
                <div class="col-md-8">
                    <label class="form-label" for="question">Question</label>
                    <input type="text" name="question" id="question" required class="form-control @error('question') is-invalid @enderror" value="{{ old('question', $data->question) }}">
                    @error('question') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-2">
                    <label class="form-label">Status</label>
                    <select name="status" class="form-select">
                        <option value="1" {{ old('status', $data->status) == '1' ? 'selected' : '' }}>Active</option>
                        <option value="0" {{ old('status', $data->status) == '0' ? 'selected' : '' }}>Inactive</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Sort Order</label>
                    <input type="text" name="sort_order" id="sort_order" required class="form-control @error('sort_order') is-invalid @enderror" placeholder="Sort Order" value="{{ old('sort_order', $data->sort_order) }}">
                    @error('sort_order') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-12">
                    <label class="form-label">Answer</label>
                    <textarea name="answer" id="answer" required class="form-control @error('answer') is-invalid @enderror" placeholder="Answer">{{ old('answer', $data->answer) }}</textarea>
                    @error('answer') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
            </div>
            <div class="card-footer bg-transparent border-0 px-0 mt-3">
                <button type="submit" class="btn btn-info text-white px-5 shadow-sm">
                    <i class="cil-check"></i> Update FAQ
                </button>
            </div>
        </form>
    </div>
</div>
@endsection
@push('footer-scripts')
    @if(Session::has('messages'))
        <script>noti({!! json_encode((Session::get('messages'))) !!});</script>
    @endif
@endpush