@extends('layouts.dashboard')

@section('content')
        <div class="row responsive-row">
            <div class="card large-shadow main-card">
                <div class="card-body">
                    <div class="card-title">
                        <h3>Dynamic Fields</h3>
                    </div>
                    <div class="card-table">
                        <dynamic-field-table :dynamic-fields="child.dynamicFields" :routes="child.routes"></dynamic-field-table>
                    </div>
                </div>
            </div>
        </div>
@endsection

@push('vue_data')
    <script type="application/javascript">
        data = {
            dynamicFields: {!! json_encode($dynamicFields) !!},
            routes: {
                create: '{!! route('dynamic_fields.create') !!}',
                edit: '{!! route('dynamic_fields.edit',['id']) !!}'
            }
        };
    </script>
@endpush