@extends('admin.master')
@section('title', 'Package Plan')
@section('breadcrumb')
    <div class="breadcrumb-area">
        <h5>{{ translate('Dashboard') }}</h5>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ translate('Dashboard') }}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ translate('Package') }}</li>
            </ol>
        </nav>
    </div>
@endsection
@section('main_content')
    <div class="main-content">
        <div class="row mb-3 g-4">
            <div class=" col-md-3">
                <div class="page-title text-md-start text-center">
                    <h4>{{ translate('Package Plan') }}</h4>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <form id="packageForm" enctype="multipart/form-data">
                    @csrf
                    <div class="row mb-30">
                        <div class="col-sm-4">
                            <div class="pricing-plan-item">
                                <h3>{{ translate('Starting') }}</h3>
                                <div class="package-area">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="form-inner mb-30">
                                                <label>{{ translate('Title') }}*</label>
                                                <input type="hidden" name="id"
                                                    value="{{ $package->id ?? '' }}">
                                                <input type="text" class="username-input" name="package_name"
                                                    value="{{  $package->name ?? '' }}" id="package-name">
                                            </div>
                                        </div>
                                        <div class="col-sm-12">
                                            <div class="form-inner mb-30">
                                                <label>{{ translate('type') }}*</label>
                                                <input type="text" class="username-input" name="package_type"
                                                    value="{{  $package->type ?? '' }}" id="package-type">
                                            </div>
                                        </div>
                                        <div class="col-sm-12">
                                            <div class="form-inner mb-30">
                                                <label>{{ translate('Price') }}*</label>
                                                <input type="text" class="username-input" name="package_price"
                                                    value="{{  $package->price ?? '' }}" id="package-price">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row addFiled">
                                        <div class="col-sm-12 row">
                                            <div class="col-sm-10">
                                                <div class="form-inner mb-30">
                                                    <input type="text" class="username-input" name="packageItem[]"
                                                        placeholder="Your Item Name">
                                                </div>
                                            </div>
                                            <div class="col-sm-2 pull-right"> <button data-name="packageItem"
                                                    class="btn eg-btn btn--green sm-btn me-3 add-field-btn">{{ translate('Add') }}</button>
                                            </div>
                                        </div>
                                        @if (isset($package->packageItems) && $package->packageItems->count() > 0)
                                            @foreach ($package->packageItems as $packageItem)
                                                <div class="col-sm-12 row">
                                                    <div class="col-sm-10">
                                                        <div class="form-inner mb-30">
                                                            <input type="text" class="username-input"
                                                                name="packageItem[]" value="{{ $packageItem->name }}"
                                                                placeholder="Your Item Name">
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-2 pull-right"> <button
                                                            class="btn eg-btn red-light--btn2 sm-btn add-remove-btn">{{translate('Remove')}}</button>
                                                    </div>
                                                </div>
                                            @endforeach
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="pricing-plan-item">
                                <h3> {{ translate('Featured Jobs') }} </h3>
                                <div class="form-inner mb-30">
                                    <input type="hidden" name="addon02_id"
                                        value="{{  $packageAddon['featuredJobs']->id ?? '' }}">
                                    <label>{{ translate('Title') }}</label>
                                    <input type="text" class="username-input" name="addon02_name" readonly
                                        value="{{ $packageAddon['featuredJobs']->name ?? '' }}"
                                        id="addon02-name">
                                </div>
                                <div class="form-inner mb-30">
                                    <label>{{ translate('Price') }} <sub>({{ translate('Per Job') }})</sub></label>
                                    <input type="text" class="username-input" name="addon02_price" id="addon02-price"
                                        value="{{$packageAddon['featuredJobs']->price ?? '' }}">
                                </div>
                                <div class="row addFiled">
                                    <div class="col-sm-12 row">
                                        <div class="col-sm-10">
                                            <div class="form-inner mb-30">
                                                <input type="text" class="username-input" name="addon02_item[]"
                                                    placeholder="Your Item Name">
                                            </div>
                                        </div>
                                        <div class="col-sm-2 pull-right"> <button data-name="addon02_item"
                                                class="btn eg-btn btn--green sm-btn me-3 add-field-btn">{{ translate('Add') }}</button> </div>
                                    </div>

                                    @if (isset($packageAddon['featuredJobs']) && $packageAddon['featuredJobs']->addonItems->count() > 0)
                                        @foreach ($packageAddon['featuredJobs']->addonItems as $addonItem)
                                            <div class="col-sm-12 row">
                                                <div class="col-sm-10">
                                                    <div class="form-inner mb-30">
                                                        <input type="text" class="username-input" name="addon02_item[]"
                                                            value="{{ $addonItem->name }}" placeholder="Your Item Name">
                                                    </div>
                                                </div>
                                                <div class="col-sm-2 pull-right"> <button
                                                        class="btn eg-btn red-light--btn2 sm-btn add-remove-btn">{{ translate('Remove') }}</button>
                                                </div>
                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" id="addon02-status"
                                        name="addon02_status" {{ isset( $packageAddon['featuredJobs']->status)&& $packageAddon['featuredJobs']->status ? 'checked' : '' }}>
                                    <label class="form-check-label" for="addon02-status">
                                        {{ translate('Active') }} / {{ translate('Inacive') }}
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4 d-none">
                            <div class="pricing-plan-item">
                                <h3>{{ translate('CV Bank') }}</h3>
                                <div class="form-inner mb-30">
                                    <input type="hidden" name="addon03_id" value="{{ $packageAddon['cvbank']->id ?? '' }}">
                                    <label>{{ translate('Title') }}</label>

                                    <input type="text" class="username-input" name="addon03_name"
                                        value="{{$packageAddon['cvbank']->name ?? '' }}"
                                        id="addon03-name">
                                </div>
                                <div class="form-inner mb-30">
                                    <label>{{ translate('Number Of View CV') }}</label>
                                    <input type="number" class="username-input" name="addon03_item_qty"
                                        id="addon03-item-qty"
                                        value="{{  $packageAddon['cvbank']->item_qty ?? '' }}">
                                </div>
                                <div class="form-inner mb-30">
                                    <label>{{ translate('Price') }}</label>
                                    <input type="text" class="username-input" name="addon03_price" id="addon03-price"
                                        value="{{ $packageAddon['cvbank']->price ?? '' }}">
                                </div>
                                <div class="row addFiled">
                                    <div class="col-sm-12 row">
                                        <div class="col-sm-10">
                                            <div class="form-inner mb-30">
                                                <input type="text" class="username-input" name="addon03_item[]"
                                                    placeholder="Your Item Name">
                                            </div>
                                        </div>
                                        <div class="col-sm-2 pull-right"> <button data-name="addon03_item"
                                                class="btn eg-btn btn--green sm-btn me-3 add-field-btn">{{ translate('Add') }}</button>
                                        </div>
                                    </div>
                                    @if (isset($packageAddon['cvbank']) && $packageAddon['cvbank']->addonItems->count() > 0)
                                        @foreach ($packageAddon['cvbank']->addonItems as $addonItem)
                                            <div class="col-sm-12 row">
                                                <div class="col-sm-10">
                                                    <div class="form-inner mb-30">
                                                        <input type="text" class="username-input"
                                                            name="addon03_item[]" value="{{ $addonItem->name ?? '' }}"
                                                            placeholder="Your Item Name">
                                                    </div>
                                                </div>
                                                <div class="col-sm-2 pull-right"> <button
                                                        class="btn eg-btn red-light--btn2 sm-btn add-remove-btn">{{ translate('Remove') }}</button>
                                                </div>
                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" id="addon03-status"
                                        {{  isset($packageAddon['cvbank']->status) && $packageAddon['cvbank']->status ? 'checked' : '' }} name="addon03_status">
                                    <label class="form-check-label" for="addon03-status">
                                        {{ translate('Active') }} / {{ translate('Inacive') }}
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="button-group d-flex justify-content-center mt-30">
                            <button type="button" class="btn eg-btn btn--green medium-btn me-3 saveBtn"
                                id="saveBtn">{{ translate('SAVE CHANGES') }}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@push('post_scripts')
    @include('js.admin.package')
@endpush