@extends('admin.layouts.master')
@section('plan', 'active')
@section('title') {{ $data['title'] ?? '' }} @endsection
@push('style')
    <style>
    </style>
@endpush
@section('content')
    <div class="content-wrapper">
        <div class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card mt-4">
                            <div class="card-header">
                                <div class="d-flex align-items-center justify-content-between">
                                    <h5>Add Plans</h5>
                                    <a href="{{ route('admin.plan.index') }}" class="btn btn-primary shadow-sm px-4">Back</a>
                                </div>
                            </div>
                            <div class="card-body">
                                <form action="{{ route('admin.plan.store') }}" id="secure_form" method="post">
                                    @csrf
                                    <div class="container col-md-5">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="form-label" for="name">Plan Name <span
                                                            class="text-danger">*</span></label>
                                                    <input type="text" class="form-control shadow-none" id="title" name="name"
                                                        value="{{ old('name') }}" required placeholder="Plan Name">
                                                    @error('name')
                                                        <div class="text-danger">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="form-label" for="type">Plan Type <span
                                                            class="text-danger">*</span></label>
                                                    <select name="interval" id="interval" class="form-control form-select" required>
                                                        <option @selected(old('interval','')) value="">Select Plan Type</option>
                                                        <option @selected(old('interval','')) value="monthly">Monthly</option>
                                                        <option @selected(old('interval','')) value="yearly">Annually</option>
                                                        <option @selected(old('interval','')) value="custom_date">Custom Date</option>
                                                    </select>
                                                    @error('interval')
                                                        <div class="text-danger">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-6 interval_day_wrapper" style="display: none">
                                                <div class="form-group">
                                                    <label class="form-label" for="custom_interval_days">Custom Day Duration <span
                                                            class="text-danger">*</span></label>
                                                    <input type="number" class="form-control shadow-none" id="custom_interval_days" name="custom_interval_days"
                                                        value="{{ old('custom_interval_days') }}"
                                                        placeholder="Plan Duration in days">
                                                    @error('custom_interval_days')
                                                        <div class="text-danger">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="form-label" for="ad_limit">Ad Post Limit <span
                                                            class="text-danger">*</span></label>
                                                    <input type="number" class="form-control shadow-none" id="ad_limit" name="ad_limit"
                                                        value="{{ old('ad_limit') }}" required
                                                        placeholder="Ad Limit">
                                                    @error('ad_limit')
                                                        <div class="text-danger">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                            {{-- <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="form-label" for="ad_visibility">Ad visibility (In Days)<span
                                                            class="text-danger">*</span></label>
                                                    <input type="number" class="form-control shadow-none" id="ad_visibility" name="ad_visibility"
                                                        value="{{ old('ad_visibility') }}" required
                                                        placeholder="Ad visibility">
                                                    @error('ad_visibility')
                                                        <div class="text-danger">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div> --}}

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="form-label" for="featured_limit">Featured Limit <span
                                                            class="text-danger">*</span></label>
                                                    <input type="number" class="form-control shadow-none" id="featured_limit" name="featured_limit"
                                                        value="{{ old('featured_limit') }}" required
                                                        placeholder="Featured Limit">
                                                    @error('featured_limit')
                                                        <div class="text-danger">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="form-label" for="price">Price ({{$setting->currency_symbol}})<span
                                                            class="text-danger">*</span></label>
                                                    <input type="number" class="form-control shadow-none" id="price" name="price"
                                                        value="{{ old('price') }}" required placeholder="Price BDT" step="0.01">
                                                    @error('price')
                                                        <div class="text-danger">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="form-label" for="status">Status</label>
                                                    <select class="form-control form-select" id="status" name="status">
                                                        <option @selected(old('status')=='1') value="1">Active</option>
                                                        <option @selected(old('status')=='0') value="0">Inactive</option>
                                                    </select>
                                                    @error('status')
                                                        <div class="text-danger">{{ $message }}</div>
                                                    @enderror
                                                </div>

                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label" for="customer_support">Customer Support</label>
                                                <div class="custom-control custom-switch">
                                                    <input @checked(old('customer_support')) type="checkbox" name="customer_support" value="1"
                                                        class="custom-control-input" id="customer_support">
                                                    <label class="custom-control-label" for="customer_support">Yes</label>
                                                </div>
                                            </div>

                                            {{-- <div class="col-md-4 mb-3">
                                                <label class="form-label" for="analytics">Analytics</label>
                                                <div class="custom-control custom-switch">
                                                    <input @checked(old('analytics')) type="checkbox" name="analytics" value="1"
                                                        class="custom-control-input" id="analytics">
                                                    <label class="custom-control-label" for="analytics">Yes</label>
                                                </div>
                                            </div> --}}

                                            <div class="col-md-4 mb-3">
                                                <label class="form-label" for="social_media_sharing">Social Media Sharing</label>
                                                <div class="custom-control custom-switch">
                                                    <input @checked(old('social_media_sharing')) type="checkbox" name="social_media_sharing" value="1"
                                                        class="custom-control-input" id="social_media_sharing">
                                                    <label class="custom-control-label" for="social_media_sharing">Yes</label>
                                                </div>
                                            </div>

                                        </div>
                                        <div class="row d-flex align-items-center mt-5 mb-4 justify-content-center">
                                            <div class="form-group mr-2">
                                                <a href="{{ route('admin.plan.index') }}"
                                                    class="btn btn-danger px-4 shadow">Cancel</a>
                                            </div>
                                            <div class="form-group ml-2">
                                                <button type="submit" class="btn btn-success px-4 shadow">Submit</button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('script')
    <script>
        $(document).ready(function() {
            $('input[name="create_branch"]').on('click', function(eve) {
                eve.preventDefault()
                toastr.info('You have to create min 1 branch')
            });
            $('input[name="sms"]').on('change', function() {
                showInputFields();
            });

            $(document).on('change', '#interval', function(event) {
                event.preventDefault();
                /* Act on the event */
                if($(this).val()=='custom_date'){
                    $('.interval_day_wrapper').show();
                }else{
                    $('.interval_day_wrapper').hide();
                }
            });

            function showInputFields() {
                var createBranchValue = $('input[name="create_branch"]').prop('checked');
                var smsValue = $('input[name="sms"]').prop('checked');

                if (createBranchValue) {
                    $('.branchField').show();
                } else {
                    $('.branchField').hide();
                }

                if (smsValue) {
                    $('.smsField').show();
                } else {
                    $('.smsField').hide();
                }
            }
        });
    </script>
@endpush