@extends('layout.default')
@section('content')
    <div class="card card-custom">
        <div class="card-header">
            <div class="card-title">
                <h3 class="card-label">Groups | <span style="color: green">edit - {{ $group->name }}</span></h3>
            </div>
            <div class="card-toolbar">
                <a href="{{ url('/admin/cpalanders/groups') }}" class="btn btn-primary font-weight-bolder">Back</a>
            </div>
        </div>
        <form action="{{ url('/admin/cpalanders/groups/' . $group->id) }}" method="POST">
            {{ method_field('PUT') }}
            @csrf
            <div class="card-body">
                @if ($errors->any())
                    <div class="form-group mb-8">
                        <div class="alert alert-custom alert-default" role="alert">
                            <div class="alert-icon"><i class="flaticon-warning text-primary"></i></div>
                            <div class="alert-t">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    </div>
                @endif
                <div class="form-group">
                    <label>Name<span class="text-danger">*</span></label>
                    <input type="text" name="name" value="{{ $group->name }}" class="form-control"/>
                </div>
                <div class="form-group row mt-3">
                    <div id="kt_repeater_1" class="col-12">
                        <label>Domains<span class="text-danger">*</span></label>
                        <div class="row">
                            <div data-repeater-list="domains" class="col-12">
                                @foreach($group->domains as $domain)
                                <div data-repeater-item class="form-group row align-items-center">
                                    <div class="col-lg-10 form-group">
                                        <input required type="text" class="form-control" value="{{ $domain['domains'] }}" name="domains"/>
                                    </div>
                                    <div class="col-lg-2 form-group">
                                        <a href="javascript:;" data-repeater-delete="" class="btn btn-sm font-weight-bolder btn-light-danger">
                                            <i class="la la-trash-o"></i>Delete
                                        </a>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-lg-4">
                                <a href="javascript:;" data-repeater-create="" class="add-button btn btn-sm font-weight-bolder btn-light-primary">
                                    <i class="la la-plus"></i>Add
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <button type="submit" class="btn btn-primary mr-2">Send</button>
                <a href="{{ url('/admin/cpalanders/groups') }}" class="btn btn-secondary">Cancel</a>
            </div>
        </form>
    </div>
@endsection
@section('scripts')
    <script type="text/javascript">
        jQuery(document).ready(function() {
            $('#kt_repeater_1').repeater({
                initEmpty: false,

                defaultValues: {
                    'text-input': 'foo'
                },

                show: function () {
                    console.log('wdvjuiwe');
                    $(this).slideDown();
                },

                hide: function (deleteElement) {
                    $(this).slideUp(deleteElement);
                }
            });
        });
    </script>
@endsection