@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>
                    <tbody>
                        @foreach ($contacts as $contact)
                            <tr>
                                <td>
                                    <select name="key[]" class="form-control" id="">
                                        @foreach (contact_types() as $key => $val)
                                            <option {{ isset($contact->key) && $contact->key == $key ? 'selected' : '' }}
                                                value="{{ $key }}">{{ $val }}</option>
                                        @endforeach
                                    </select>
                                </td>
                                <td><input type="text" name="value[]"
                                        value="{{ $contact->value->all ?? ($contact->value ?? '') }}" class="form-control">
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr class="contactTr">
                            <td>
                                <select name="key[]" class="form-control" id="">
                                    @foreach (contact_types() as $key => $val)
                                        <option {{ isset($model->key) && $model->key == $key ? 'selected' : '' }} value="{{ $key }}">
                                            {{ $val }}</option>
                                    @endforeach
                                </select>
                            </td>
                            <td><input type="text" name="value[]" value="{{ $model->value->all ?? '' }}"
                                    class="form-control">
                            </td>
                            <td><a href="#!" class="remove_contact btn btn-danger" id="0"><i
                                        class="fa fa-trash"></i></a>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="4" align="center"><a href="#!" class="add_contact">+ @lang('Add another contact')</a>
                            </td>
                        </tr>
                    </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();
        $('.add_contact').click(function(e) {
            e.preventDefault();
            $('tbody').append("<tr>" + $('.contactTr').html() + "</tr>");
            return false;
        })
    </script>
@stop