@extends($activeTemplate.'layouts.master')
@section('content')
<div class="col-xl-9 ps-xl-4">
    <div class="row gy-4">
        <div class="col-lg-4 col-md-6 mb-30">
            <div class="d-widget style--two d-flex flex-wrap align-items-center">
                <div class="d-widget__content">
                    <h3 class="d-number">{{$jobCount}}</h3>
                    <span class="caption fs--14px">@lang('Total Jobs')</span>
                </div>
                <div class="d-widget__icon border-radius--100">
                    <i class="las la-tasks"></i>
                    <a href="{{ route('employer.job.index') }}" class="d-widget__btn mt-2">@lang('View all')</a>
                </div>
            </div>
        </div>
        <!-- <div class="col-lg-4 col-md-6 mb-30">
            <div class="d-widget style--two d-flex flex-wrap align-items-center">
                <div class="d-widget__content">
                    <h3 class="d-number">{{$general->cur_sym}}{{getAmount($totalDeposit)}}</h3>
                    <span class="caption fs--14px">@lang('Total Deposit')</span>
                </div>
                <div class="d-widget__icon border-radius--100">
                    <i class="las la-wallet"></i>
                    <a href="{{ route('employer.deposit.history') }}" class="d-widget__btn mt-2">@lang('View all')</a>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 mb-30">
            <div class="d-widget style--two d-flex flex-wrap align-items-center">
                <div class="d-widget__content">
                    <h3 class="d-number">{{$general->cur_sym}}{{getAmount($employer->balance)}}</h3>
                    <span class="caption fs--14px">@lang('My Balance')</span>
                </div>
                <div class="d-widget__icon border-radius--100">
                    <i class="lar la-credit-card"></i>
                    <a href="{{route('employer.transactions')}}" class="d-widget__btn mt-2">@lang('View all')</a>
                </div>
            </div>
        </div>  -->
    </div>

    <!-- <div class="row justify-content-center gy-4">
        <div class="col-lg-12">
            <div class="custom--card mt-4">
                <div class="card-body p-0">
                    <div class="table-responsive--md">
                        <table class="table custom--table">
                            <thead>
                                <tr>
                                    <th>@lang('Plan Name')</th>
                                    <th>@lang('Order Number')</th>
                                    <th>@lang('Amount')</th>
                                    <th>@lang('Total Job Post')</th>
                                    <th>@lang('Expired Date')</th>
                                    <th>@lang('Status')</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($orders as $order)
                                    <tr>
                                        <td>{{__(@$order->plan->name)}}</td>
                                        <td>{{$order->order_number}}</td>
                                        <td>{{showAmount($order->amount)}} {{__($general->cur_text)}}</td>
                                        <td>{{@$order->job_post}}</td>
                                        <td>{{showDateTime($order->expired_date,"Y-m-d")}}</td>
                                        <td> @php echo $order->statusBadge; @endphp </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="100%" class="text-center">{{ __($emptyMessage) }}</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div> -->


    <!-- <div class="row gy-4 justify-content-center mt-4">
        <h5 class="text-center">@lang('You can create '){{$employer->job_post_count}} @lang('job post')</h5>
        @foreach($plans as $plan)
            <div class="col-md-6">
                <div class="package-card">
                    <div class="package-card__top">
                        <div class="icon">
                            @php echo $plan->icon @endphp
                        </div>
                        <div class="content">
                            <h3 class="package-card__name">{{__($plan->name)}}</h3>
                            <div class="package-card__price">{{$general->cur_sym}}{{showAmount($plan->price)}} <sub>/ {{__($plan->duration)}} @lang('month')</sub></div>
                        </div>
                    </div>
                    <div class="package-card__content">
                        <ul class="package-card__feature-list">
                            <li>@lang('You can create') <span class="badge badge--base">{{$plan->job_post}} @lang('job posts')</span></li>
                            @foreach($plan->services as $item)
                            <li>{{__(ucfirst(@$item->service->name))}}</li>
                            @endforeach
                        </ul>
                    </div>
                    <div class="package-card__footer">
                        <button type="button" class="btn btn--base w-100 mt-3 plan-subscribe" data-id="{{ $plan->id }}">@lang('Choose Plan')</button>
                    </div>
                </div>
            </div>
        @endforeach
    </div> -->
</div>



<div class="modal fade custom--modal" id="plan-subscribe-modal">
	<div class="modal-dialog">
		<div class="modal-content">
			<form method="POST">
				@csrf
				<div class="modal-header">
					<h5 class="modal-title" id="exampleModalLabel">@lang('Subscribe Plan')</h5>
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
				</div>
				<div class="modal-body">
					@lang('Are you sure you want to subscribe this plan?')
					<div class="form-group mt-3">
                        <label>@lang('Select Payment Type')</label>
						<select class="form--control" name="payment_type">
							<option value="" selected disabled>@lang('Select One')</option>
							<option value="1">{{__($general->site_name)}} @lang('Wallet')</option>
							<option value="2">@lang('Checkout')</option>
						</select>
					</div>
				</div>
				<div class="modal-footer">
					<button type="submit" class="btn btn--base w-100">@lang('Confirm')</button>
				</div>
			</form>
		</div>
	</div>
</div>
@endsection

@push('script')
    <script>
        "use strict";
        (function ($) {
            $(".plan-subscribe").on('click',function(e){
                let modal  = $('#plan-subscribe-modal');
                let action = "{{route('employer.plan.subscribe',':id')}}";
                let id=$(this).data('id');
                modal.find('form').prop('action',action.replace(":id",id));
                modal.modal('show')
            });
        })(jQuery);

    </script>
@endpush