@include('dashboard.pages.partials.sub_packages.add_form')
<div id="edit_form_wrapper_sub_package">
</div>
<!-- table to show them -->
<!-- error or success messages list -->
<div class="card">
    <div class="card-header">
        <h3 class="card-title"></h3>{{__('pages.sub_package')}}</h3>
    </div>
    <!-- /.card-header -->
    <div class="card-body">
        <table id="sub_package-table" class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th>{{__('pages.id')}}</th>
                    <th>{{__('pages.package')}}</th>
                    <th>{{__('pages.start_month')}}</th>
                    <th>{{__('pages.end_month')}}</th>
                    <th>{{__('pages.actions')}}</th>
                </tr>
            </thead>
            <tbody>
                @foreach($tour['sub_packages'] as $key => $feature)
                <tr>
                    <td>{{ $feature['id'] }}</td>
                    <td>{{ $feature['package']['title'] }}</td>
                    <td>{{ get_months()[$feature['start_month']] }}</td>
                    <td>{{ get_months()[$feature['end_month']] }}</td>
                    <td></td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <!-- /.card-body -->
</div>
<!-- /.card -->
<!-- Modal -->
<div class="modal fade" id="deleteItemModalSub_package" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="deleteItemModalSub_packageLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="deleteItemModalSub_packageLabel">{{ __('pages.confirm') }}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                {{ trans('messages.deletConfirmation') }}
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">{{ __('names.cancel') }}</button>
                <button type="button" class="btn btn-danger" id="confirmDeleteBtn">{{ __('names.yes') }}</button>
            </div>
        </div>
    </div>
</div>
@push('js_scripts')
<script>
    function add_more_sub_package_option(type)
    {
        var box = $('#sub_package_options').clone();
        type = (type == "edit") ? "edit_sub_package_options_wrapper" : "add_sub_package_options_wrapper";
        box.find('input').val('');
        $("#"+type).append(box);
    }

    function delete_sub_package_option(e)
    {
        // check if the this is the only option
        if($(e).closest('#sub_package_options').parent().find('.card').length == 1)
        {
            return;
        }else{
            e.closest('.card').remove();
        }
    }

</script>
@endpush