@extends('admin.layouts.adminpanel')

@section('page_header')
    @php
        $page_title = empty($package->id) ? __('Create new Package') : __('Edit Package');
    @endphp

    @include('admin.partials.page_header')
@endsection

@section('content')
    <div class="container-fluid">
        <form id="package-form" method="post"
            action="{{ empty($package->id) ? route('packages.store') : route('packages.update', $package->id) }}">
            @if (!empty($package->id))
                @method('PATCH')
            @endif
            <div class="card">
                <div class="card-body">
                    <div class="form-group row">
                        <label for="name" class="col-md-2 col-form-label">{{ __('Name') }}</label>
                        <div class="col-md-4">
                            <input class="form-control" id="name" name="name" value="{{ $package->name ?? '' }}">
                            <span id="name-error" class="invalid-feedback" style="font-weight:bold" role="alert"></span>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="description" class="col-md-2 col-form-label">{{ __('Description') }}</label>
                        <div class="col-md-4">
                            <textarea class="form-control" id="description" name="description">{{ $package->description ?? '' }}</textarea>
                            <span id="description-error" class="invalid-feedback" style="font-weight:bold"
                                role="alert"></span>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="num_users" class="col-md-2 col-form-label">{{ __('Number of Users') }}</label>
                        <div class="col-md-4">
                            <input class="form-control" id="num_users" name="num_users"
                                value="{{ $package->num_users ?? '' }}">
                            <span id="num_users-error" class="invalid-feedback" style="font-weight:bold"
                                role="alert"></span>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="trial_period" class="col-md-2 col-form-label">{{ __('Trial Period') }}</label>
                        <div class="col-md-4">
                            <input class="form-control" id="trial_period" name="trial_period"
                                value="{{ $package->trial_period ?? '' }}">
                            <span id="trial_period-error" class="invalid-feedback" style="font-weight:bold"
                                role="alert"></span>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="num_invoices_trial"
                            class="col-md-2 col-form-label">{{ __('Number of Invoices in Trial') }}</label>
                        <div class="col-md-4">
                            <input class="form-control" id="num_invoices_trial" name="num_invoices_trial"
                                value="{{ $package->num_invoices_trial ?? '' }}">
                            <span id="num_invoices_trial-error" class="invalid-feedback" style="font-weight:bold"
                                role="alert"></span>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="num_invoices" class="col-md-2 col-form-label">{{ __('Number of Invoices') }}</label>
                        <div class="col-md-4">
                            <input class="form-control" id="num_invoices" name="num_invoices"
                                value="{{ $package->num_invoices ?? '' }}">
                            <span id="num_invoices-error" class="invalid-feedback" style="font-weight:bold"
                                role="alert"></span>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="cost_extra_invoice"
                            class="col-md-2 col-form-label">{{ __('Cost per Extra Invoice') }}</label>
                        <div class="col-md-4">
                            <input class="form-control" id="cost_extra_invoice" name="cost_extra_invoice"
                                value="{{ $package->cost_extra_invoice ?? '' }}">
                            <span id="cost_extra_invoice-error" class="invalid-feedback" style="font-weight:bold"
                                role="alert"></span>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="price" class="col-md-2 col-form-label">{{ __('Price') }}</label>
                        <div class="col-md-4">
                            <input class="form-control" id="price" name="price" value="{{ $package->price ?? '' }}">
                            <span id="price-error" class="invalid-feedback" style="font-weight:bold" role="alert"></span>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="is_pay_as_you_go" class="col-md-2 col-form-label">{{ __('Pay As You Go') }}</label>
                        <div class="col-md-4">
                            <input type="checkbox" id="is_pay_as_you_go" name="is_pay_as_you_go" data-bootstrap-switch
                                data-on-text="Si" data-off-text="No"
                                {{ empty($package->is_pay_as_you_go) || !$package->is_pay_as_you_go ? '' : 'checked' }}>
                            <span id="is_pay_as_you_go-error" class="invalid-feedback" style="font-weight:bold"
                                role="alert"></span>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="default_role_id"
                            class="col-md-2 col-form-label">{{ __('Administrator Role') }}</label>
                        <div class="col-md-4">
                            <select class="form-control" name="default_role_id" id="default_role_id">
                                <option value="">{{ __('-- Select role --') }}</option>
                                @foreach ($roles as $role)
                                    <option value="{{ $role->id }}" @if (!empty($package->id) && $package->default_role_id == $role->id) selected @endif>
                                        {{ $role->name }}
                                    </option>
                                @endforeach
                            </select>
                            <span id="default_role_id-error" class="invalid-feedback" style="font-weight:bold"
                                role="alert"></span>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="is_published" class="col-md-2 col-form-label">{{ __('Is Published') }}</label>
                        <div class="col-md-4">
                            <input type="checkbox" id="is_published" name="is_published" data-bootstrap-switch
                                data-on-text="Si" data-off-text="No"
                                {{ empty($package->id) || $package->is_published ? 'checked' : '' }}>
                            <span id="is_published-error" class="invalid-feedback" style="font-weight:bold"
                                role="alert"></span>
                        </div>
                    </div>
                    <div class="form-group row" id="is_test_section"
                        @if (empty($package->id) || $package->is_published) style="display:none" @endif>
                        <label for="is_test" class="col-md-2 col-form-label">{{ __('Is Test') }}</label>
                        <div class="col-md-4">
                            <input type="checkbox" id="is_test" name="is_test" data-bootstrap-switch data-on-text="Si"
                                data-off-text="No" {{ !empty($package->id) && $package->is_test ? 'checked' : '' }}>
                            <span id="is_test-error" class="invalid-feedback" style="font-weight:bold"
                                role="alert"></span>
                        </div>
                    </div>
                </div>
            </div>
            {{-- buttons --}}
            <div class="card">
                <div class="card-body">
                    <div class="form-group row" style="margin-bottom:0">
                        <div class="col-md-4">
                            <a href="javascript:loadContent('{{ route('packages.index') }}')" id="cancel"
                                name="cancel" class="btn btn-default custom-btn">{{ __('Cancel') }}</a>
                            <button type="submit"
                                class="btn btn-info custom-btn">{{ empty($package->id) ? __('Create') : __('Save') }}</button>
                        </div>
                    </div>
                </div>
            </div>
            <br>
        </form>
    </div>
    <script>
        // Bootstrap Switch
        $("input[data-bootstrap-switch]").each(function() {
            $(this).bootstrapSwitch('state', $(this).prop('checked'));
        });

        $('#is_published').on('switchChange.bootstrapSwitch', function(event, state) {
            toggleIsTest(state);
        });

        function toggleIsTest() {
            if ($("#is_published").is(":checked")) {
                $("#is_test_section").hide();
            } else {
                $("#is_test").bootstrapSwitch('state', false, true);
                $("#is_test_section").show();
            }
        }
    </script>
@endsection