@extends('admin.layouts.master')
@section('content')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">{{!isset($plan['plan_name']) ? 'Create' : 'Update'}} Plan</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{asset('/admin')}}">Home</a></li>
                        <li class="breadcrumb-item active"><a href="{{asset(route('plans'))}}">Plans</a></li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <div class="container-fluid">
        @if(session()->has('success'))
            <div class="alert alert-success">
                {{ session()->get('success') }}
            </div>
        @endif
        @if(session()->has('error'))
            <div class="alert alert-success">
                {{ session()->get('error') }}
            </div>
        @endif
        <div class="row">
            <div class="col-md-12">
                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">{{!isset($plan['plan_name']) ? 'Add' : 'Update'}} Plan</h3>
                    </div>
                    <form role="form" method="post" action="{{!isset($plan['plan_name']) ? route('plan.store') : route('plan.update',$plan['id'])}}">
                        @csrf
                        @if(isset($plan['id']))
                            {{ method_field('PUT') }}
                        @endif
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Plan Package</label>
                                        <select class="form-control select2" style="width: 100%;" name="plan_package" required>
                                            <option value="">Select Package</option>
                                            @foreach($paymentPackages as $package)
                                                <option {{ $plan->package_id == $package->id ? "selected" : '' }} value="{{ $package->id }}"> {{ $package->title }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                </div>

                            </div>




                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="plan_name">Name</label>
                                        <input type="text" class="form-control" id="plan_name" name="plan_name" required placeholder="Enter Plan Name" value="{{ old('plan_name', $plan['plan_name']) }}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="price">Price</label>
                                        <input {{isset($plan['id']) ? 'disabled' : ''}} type="text" class="form-control" id="price" name="price" required placeholder="Enter Plan Price" value="{{ old('price', $plan['price']) }}">
                                    </div>
                                </div>
                            </div>

                            @php
                                $selectedPeriod = old('plan_period', $plan['plan_period']);
                                $interval = old('interval', $plan['interval']);
                            @endphp
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Plan Period</label>
                                        <select {{isset($plan['id']) ? 'disabled' : ''}} class="form-control select2 {{ $selectedPeriod }} " style="width: 100%;" name="plan_period" required>
                                            <option value="1w" {{ $selectedPeriod == '1' && $interval == 'week' ? "selected" : '' }}>1 Week</option>
                                            <option value="1" {{ $selectedPeriod == 1 && $interval != 'week' ? "selected" : '' }}>1 Month</option>
                                            <option value="3" {{ $selectedPeriod == 3 && $interval != 'week' ? "selected" : '' }}>3 Months</option>
                                            <option value="6" {{ $selectedPeriod == 6 && $interval != 'week' ? "selected" : '' }}>6 Months</option>
                                            <option value="12" {{ $selectedPeriod == 12 && $interval != 'week' ? "selected" : '' }}>1 Year</option>
                                        </select>
                                    </div>
                                </div>

                                @php
                                    $selectedType = isset($plan['plan_type']) ? $plan['plan_type'] : 0;
                                @endphp
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Plan Type</label>
                                        <select {{isset($plan['id']) ? 'disabled' : ''}} class="form-control select2" style="width: 100%;" name="plan_type" required>
                                            <option value="0" {{($selectedType == 0) ? "selected" : ""}}>Regular</option>
                                            <option value="1" {{($selectedType == 1) ? "selected" : ""}}>Company</option>
                                            <option value="2" {{($selectedType == 2) ? "selected" : ""}}>Partner</option>
                                        </select>
                                    </div>

                                    <div class="form-group no_of_users_cont {{( $selectedType != 1 ? 'hide': '')}}">
                                        <label for="no_of_users">No of users</label>
                                        <input {{ $selectedType != 1 ? 'disabled' : ''}} type="number" class="form-control" id="no_of_users" name="no_of_users" required placeholder="Enter number of users" value="{{ old('no_of_users', $plan['no_of_users']) }}">
                                    </div>
                                </div>

                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Currency</label>
                                        <select {{isset($plan['id']) ? 'disabled' : ''}} class="form-control select2" style="width: 100%;" name="currency" required>
                                            <option value="GBP" {{$plan['currency'] == 'GBP' ? 'selected' : ''}} selected>GBP</option>
                                            <option value="USD" {{$plan['currency'] == 'USD' ? 'selected' : ''}} >USD</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="therapist_commision">Therapist commision</label>
                                        <input type="text" class="form-control" id="therapist_commision" name="therapist_commision" required placeholder="Enter therapist commision %" value="{{ old('therapist_commision', $plan['therapist_commision']) }}">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="video">Videos</label>
                                        <input type="number" class="form-control" id="video" name="video" required placeholder="Enter number of videos" value="{{ old('video', $plan['video']) }}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="video_addon_price">Video addon price</label>
                                        <input type="text" class="form-control" id="video_addon_price" name="video_addon_price" required placeholder="Enter Video addon price" value="{{ old('video_addon_price', $plan['video_addon_price']) }}">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        @php
                                            $selectedText = (isset($plan['text']) ? $plan['text'] : 'yes');
                                        @endphp
                                        <label>Text</label>
                                        <select class="form-control select2" style="width: 100%;" name="text" required>
                                            <option value="yes" {{$selectedText == 'yes' ? 'selected' : ''}}>Yes</option>
                                            <option value="no"  {{$selectedText == 'no' ? 'selected' : ''}}>No</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Include Free Trial</label>
                                        <div class="form-group">
                                            <input type="checkbox" value="1" style="width: 25px"  class="form-control"  name="has_free_trial" {{isset($plan['has_free_trial'])  && $plan['has_free_trial'] == 1 ? "checked" : ""}} >
                                        </div>

                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="card-footer">
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(document).ready(function(){
            $('select[name="plan_type"]').on('change', function (e) {
                if($(this).val() == 1){
                    $('.no_of_users_cont').removeClass('hide');
                    $('.no_of_users_cont input').removeAttr('disabled');
                }else{
                    $('.no_of_users_cont').addClass('hide')
                    $('.no_of_users_cont input').attr('disabled',true);
                }
            });
        })
    </script>

@endsection