@extends('layouts.master')

@section('content')

<div class="container-xxl">

    <x-breadcrumb listRoute="{{route('admin.packages.index')}}" model="Packages" item="Edit"></x-breadcrumb>
    <div class="card">
        <div class="card-body">
            <div class="d-flex" style="justify-content:space-between">
                @include('layouts._includes._package-navigation',["active"=>"group"])
            </div>
            <div class="table-responsive no-wrap">
                <table class="table" id="datatable">
                    <x-table.header :headers="['group size','rate','Actions']" />
                    <tbody id="tablecontents"></tbody>
                </table>
            </div>
        </div>
    </div>
    <hr />
    <div class="card">
        <div class="card-header">
            <h5 class="modal-title">Add Group</h5>
        </div>
        <div class="card-body">
            <x-form.wrapper action="{{route('admin.packages.group.store', $package->id)}}" method="POST" enctype="multipart/form-data">
                <x-form.row>
                    <x-form.input :req="true" type="text" col="6" label="Group Size" id="group_size" name="group_size" />
                    <x-form.input :req="true" type="number" col="6" label="Rate" id="rate" name="rate" />
                </x-form.row>
                <x-form.button class="btn btn-sm btn-dark" type="submit" id="submit"><i class='bx bx-save bx-xs'></i> Save</x-form.button>
            </x-form.wrapper>
        </div>
    </div>
</div>
@endsection
@push('custom_js')
@include('_helpers.ajax_form')
@include('_helpers.yajra',['url' => route("admin.packages.group.index",$package->id), 'columns' => $columns])
@include('_helpers.swal_delete')
@include('_helpers.status_change', ['url' => route('admin.packages.group.status',$package->id)])
@endpush