@extends('Common::admin.layout.page')
@section('page')
<form action="{{ $action }}" method="post" enctype="multipart/form-data" class="action_form" novalidate>
    @csrf
    <!-- general form elements -->
    <div class="card card-primary contactsDiv">
        <div class="card-header">
            <h3 class="card-title">{{ $title }}</h3>
        </div>
        <div class="card-body">
            <table class="table table-striped table-bordered">
                <thead>
                    <th>@lang('Type')</th>
                    <th>@lang('Value')</th>
                    <th>@lang('Delete')</th>
                </thead>
                @php
                $fixedContacts = [
                'whatsapp' => 'Whatsapp',
                'youtube' => 'Youtube',
                'tiktok' => 'Tiktok',
                'facebook' => 'Facebook',
                'email' => 'Email',
                'phone' => 'Phone',
                'location' => 'Location',
                ];
                @endphp

                @foreach ($fixedContacts as $key => $label)
                @php
                $contact = $contacts->where('key', $key)->first();
                $val = $contact ? ($contact->value['all'] ?? ($contact->value ?? '')) : '';
                // Handle case where value might be an object/array casted
                if(is_object($val) || is_array($val)) {
                $val = $contact->value['all'] ?? '';
                }
                @endphp
                <tr>
                    <td>
                        <input type="hidden" name="key[]" value="{{ $key }}">
                        <input type="text" class="form-control" value="{{ $label }}" readonly>
                    </td>
                    <td>
                        <input type="text" name="value[]" value="{{ $val }}" class="form-control">
                    </td>
                    <td>
                        <!-- Delete button removed as requested -->
                    </td>
                </tr>
                @endforeach
                </tbody>
                <tfoot>
                    <!-- Footer removed -->
                </tfoot>
            </table>


        </div>
        <div class="card-footer">
            <button type="submit" class="btn btn-primary"> <span>حفظ</span> <i class="fas fa-save"></i></button>
        </div>
    </div>
    <!-- /.card -->
</form>
<script>
    $('.select2').select2();
</script>
@stop