@extends('layouts.master_admin')
@section('title') Editar suscripción @endsection

@section('css')
<link href="/assets/app/plugins/custom/prismjs/prismjs.bundle.css" rel="stylesheet" type="text/css" />
@endsection

@section('content')
	<!--begin::Toolbar-->
	<div class="toolbar py-2" id="kt_toolbar">
		<!--begin::Container-->
		<div id="kt_toolbar_container" class="container-fluid d-flex align-items-center">
			<!--begin::Page title-->
			<div class="flex-grow-1 flex-shrink-0 me-5">
				<!--begin::Page title-->
				<div data-kt-swapper="true" data-kt-swapper-mode="prepend" data-kt-swapper-parent="{default: '#kt_content_container', 'lg': '#kt_toolbar_container'}" class="page-title d-flex align-items-center flex-wrap me-3 mb-5 mb-lg-0">
					<!--begin::Title-->
					<h1 class="d-flex align-items-center text-dark fw-bold my-1 fs-3">Editar plan
						<!--begin::Separator-->
						<span class="h-20px border-gray-200 border-start ms-3 mx-2"></span>
						<!--end::Separator-->
						<!--begin::Description-->
						<small class="text-muted fs-7 fw-semibold my-1 ms-1">{{$plan->name}} </small>
						<!--end::Description-->
					</h1>
					<!--end::Title-->
				</div>
				<!--end::Page title-->
			</div>
			<!--end::Page title-->
			<!--begin::Action group-->
			<div class="d-flex align-items-center flex-wrap">
				<!--begin::Wrapper-->
				<div class="flex-shrink-0 me-2">
				</div>
				<!--end::Wrapper-->
				<!--begin::Wrapper-->
				<div class="d-flex align-items-center">
				</div>
				<!--end::Wrapper-->
			</div>
			<!--end::Action group-->
		</div>
		<!--end::Container-->
	</div>
	<!--end::Toolbar-->

	<!--begin::Content-->
	<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
		<!--begin::Container-->
		<div id="kt_content_container" class="container-xxl">
			@if (count($errors) > 0)
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                      <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
          	@endif
            @include('partials.success')
			<!--begin::Form-->
			<form id="kt_ecommerce_add_product_form" class="form d-flex flex-column flex-lg-row"  action="/admin/plans/update" method="POST"  >
			@csrf
			<input type="hidden" name="id" value="{{$plan->id}}">
				<!--begin::Main column-->
				<div class="d-flex flex-column flex-row-fluid gap-7 gap-lg-10">
					<!--begin::Tab content-->
					<div class="tab-content">
						<!--begin::Tab pane-->
						<div class="tab-pane fade show active" id="kt_ecommerce_add_product_general" role="tab-panel">
							<div class="d-flex flex-column gap-7 gap-lg-10">
								<!--begin::General options-->
								<div class="card card-flush py-4">
									<!--begin::Card header-->
									<div class="card-header">
										<div class="card-title">
											<h2>General</h2>
										</div>
									</div>
									<!--end::Card header-->
									<div class="card-body pt-0">
                                        <div class="row g-9 mb-7">
                                            <label class="fs-6 fw-semibold mb-2">Nombre</label>
                                            <div class="position-relative d-flex align-items-center">
                                                <input class="form-control" placeholder="" value="{{$plan->name}}" name="name"/>
                                            </div>
                                           
                                        </div>

                                        <div class="row g-9 mb-7">
                                            <div class="col-md-6 fv-row">
                                                <label class="fs-6 fw-semibold mb-2">Costo</label>
                                                <div class="position-relative d-flex align-items-center">
                                                    <input class="form-control" placeholder="" value="{{$plan->cost}}" name="cost"/>
                                                </div>
                                            </div>
                                            <div class="col-md-6 fv-row">
                                                <label class="fs-6 fw-semibold mb-2">Moneda</label>
                                                <div class="position-relative d-flex align-items-center">
                                                    <select class="form-select" name="currency" >
                                                        <option value="MXN" @if($plan->currency == 'MXN') selected @endif >MXN </option>
                                                        <option value="USD" @if($plan->currency == 'USD') selected @endif>USD </option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row g-9 mb-7">
                                            <div class="col-md-6 fv-row">
                                                <label class="fs-6 fw-semibold mb-2">Plan id</label>
                                                <div class="position-relative d-flex align-items-center">
                                                    <input class="form-control" placeholder="" value="{{$plan->plan_stripe}}" name="plan_stripe"/>
                                                </div>
                                            </div>
                                            <div class="col-md-6 fv-row">
                                                <label class="fs-6 fw-semibold mb-2">Stripe id</label>
                                                <div class="position-relative d-flex align-items-center">
                                                    <input class="form-control" placeholder="" value="{{$plan->stripe_id}}" name="stripe_id"/>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row g-9 mb-7">
                                            <div class="col-md-2 fv-row">
                                                <label class="fs-6 fw-semibold mb-2">Num empresas</label>
                                                <div class="position-relative d-flex align-items-center">
                                                    <input class="form-control" placeholder="" value="{{$plan->companies}}" name="companies"/>
                                                </div>
                                            </div>
                                           
                                            <div class="col-md-2 fv-row">
                                                <label class="fs-6 fw-semibold mb-2">Num proyectos</label>
                                                <div class="position-relative d-flex align-items-center">
                                                    <input class="form-control" placeholder="" value="{{$plan->projects}}" name="projects"/>
                                                </div>
                                            </div>
                                            <div class="col-md-2 fv-row">
                                                <label class="fs-6 fw-semibold mb-2">Plantillas</label>
                                                <div class="position-relative d-flex align-items-center">
                                                    <input class="form-control" placeholder="" value="{{$plan->templates}}" name="templates"/>
                                                </div>
                                            </div>
                                            <div class="col-md-3 fv-row">
                                                <label class="fs-6 fw-semibold mb-2">Num usuarios</label>
                                                <div class="position-relative d-flex align-items-center">
                                                    <input class="form-control" placeholder="" value="{{$plan->users}}" name="users"/>
                                                </div>
                                            </div>
                                            <div class="col-md-3 fv-row">
                                                <label class="fs-6 fw-semibold mb-2">Días de suscripción</label>
                                                <div class="position-relative d-flex align-items-center">
                                                    <input class="form-control" placeholder="" value="{{$plan->days_subscription}}" name="days_subscription"/>
                                                </div>
                                            </div>
                                        </div>
                                      
									</div>
									<!--end::Card header-->
								</div>
								<!--end::General options-->
							</div>
						</div>
						<!--end::Tab pane-->
						
					</div>
					<!--end::Tab content-->
					<div class="d-flex justify-content-end">
						<!--begin::Button-->
						<button type="submit" id="kt_ecommerce_add_product_submit" class="btn btn-primary">
							<span class="indicator-label">Actualizar suscripción</span>
							<span class="indicator-progress">Please wait...
							<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
						</button>
						<!--end::Button-->
					</div>
				</div>
				<!--end::Main column-->
			</form>
			<!--end::Form-->
		</div>
		<!--end::Container-->
	</div>
	<!--end::Content-->

	
	
@endsection

@section('js')
<script>
	$("#kt_datepicker_11").flatpickr({
		enableTime: true,
		dateFormat: "Y-m-d H:i",
	});
</script>
<script src="/assets/app/js/custom/confirm_delete.js"></script>
<script src="/assets/app/plugins/custom/prismjs/prismjs.bundle.js"></script>
<script src="/assets/app/plugins/custom/formrepeater/formrepeater.bundle.js"></script>

<script src="/assets/app/js/custom/apps/ecommerce/catalog/save-product.js"></script>
<script src="/assets/app/js/widgets.bundle.js"></script>
<script src="/assets/app/js/custom/widgets.js"></script>

<script src="/assets/app/js/custom/documentation/documentation.js"></script>
<script src="/assets/app/js/custom/documentation/forms/flatpickr.js"></script>

<script src="/assets/app/plugins/custom/ckeditor/ckeditor-classic.bundle.js"></script>


@endsection