@extends('frontLayout.frontlayout')
@section('content')
@php use App\Libraries\DateTime; @endphp
<section class="creator_wrap">
    <div class="creater_inner">
        @include('creatorDashboard.sidebar')
        <div class="right_side_wrap">
            <div class="head-crum">
                <a href="{{route('creator.plans')}}">
                <h4>
                <i class="fal fa-long-arrow-left"></i>My plans
                </h4>
                </a>
            </div>
            <div class="membership-plans-wrap">
                <div class="creator_dashboard">
                    <div class="container">
                        <div class="row">
                            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                <div class="my_detail">
                                    <div class="row">
                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                            <div class="detail_area">
                                                <form action="{{route('creator.plans.edit', ['id' => $plan->id])}}" method="post" id="edit-creator-plan">
                                                    @csrf
                                                    <div class="row">
                                                        <div class="col-xxl-12 col-xl-12 col-lg-12  col-md-12 col-sm-12 col-12 ">
                                                            <div class="form-group">
                                                                <label for="title">Title</label>
                                                                <input type="text" class="form-control" name="title" placeholder="Title" value="{{$plan->title}}" required />
                                                            </div>
                                                        </div>
                                                       
                                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                            <div class="form-group">
                                                                <label for="price">Price ({{$plan->currency}})</label>
                                                                <input type="text" class="form-control number" placeholder="Price" name="price" value="{{$plan->price}}" required/>
                                                            </div>
                                                        </div>

                                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                            <div class="form-group">
                                                                <label for="days">No of days</label>
                                                                <small>( Please enter days multiple of 15 )</small>
                                                                <input type="number" class="form-control number" placeholder="Days" name="days" value="{{$plan->days}}" required/>
                                                            </div>
                                                        </div>

                                                        <div class="form-group">
                                                            <label for="hours" class="el_label">Time (In hours)</label>
                                                            <input type="text" class="form-control timepicker" name="hours" id="hours" placeholder="00:00" autocomplete="off" data-inputmask="'mask': '99:99'" value="{{ isset($plan->hours) && $plan->hours ?  DateTime::secondsToTime($plan->hours) : "" }}" required/>
                                                        </div>

                                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                            <div class="form-group">
                                                                <div class="what-your-cont">
                                                                    <h4>
                                                                    Description
                                                                    </h4>
                                                                    <textarea name="description" class="form-control" id="editor" placeholder="Description" placeholder="Description">{{$plan->description}}</textarea>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                            <div class="form-group">
                                                                <div class="befifet">
                                                                    <div class="left">
                                                                        <h4>
                                                                        Advance 
                                                                        </h4>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                            <div class="form-group">
                                                                <div class="Member_limit">
                                                                    <div class="left">
                                                                        <p>
                                                                        Ask for shipping address during pledge checkout
                                                                        </p>
                                                                    </div>
                                                                    <div class="right">
                                                                        <label class="switch">
                                                                            <input type="checkbox" name="allow_shipping" value="1" {{$plan->allow_shipping ? 'checked' : ''}}>
                                                                            <span class="slider"></span>
                                                                        </label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                            <div class="dlter">
                                                                <div class="right">
                                                                    <a href="{{route('creator.plans')}}" class="btn btn-primary-3">Cancel</a>
                                                                    <button type="" class="btn btn-primary">Save</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="copy-right">
                <div class="text-center">
                    <p>© &nbsp;Copyright 2022 &nbsp;|&nbsp; All Right Reserved &nbsp;|&nbsp; Powered By Globiz Technology Inc.</p>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection