@foreach ($pages as $page)
    <div class="row">
        <div class="col-md-3 col-12">
            <div class="form-group">
                <input type="text" readonly id="name" value="{{ $page->name }}" class="form-control"
                    placeholder="Enter Name" />
            </div>
        </div>
        <div class="col-md-3 col-12">
            <div class="form-group">
                <input type="text" readonly id="route_name" value="{{ $page->route_name }}" class="form-control"
                    placeholder="Enter Route Name" />
            </div>
        </div>
        <div class="col-md-3 col-12">
            <div class="form-group">
                <input type="text" readonly id="sequence" value="{{ $page->sequence }}"
                    class="form-control numberonly" placeholder="Enter Sequence" />
            </div>
        </div>

        <div class="col-md-3 col-12">
            <div class="form-group" id="change-to-remove">
                <a class="btn btn-danger mt-2" href="javascript:;"
                    data-url="/api/admin/page-actions/{{ $page->id }}" data-request="remove">
                    <span><i class="fas fa-trash" aria-hidden="true"></i></span>
                </a>
            </div>
        </div>
    </div>
@endforeach