@extends('main.layouts.app')
@section('content')
    <div class="main-content">
        <section class="section">
            <div class="section-header">
                <h1><i class="fa fa-fw fa-gem"></i> Payplan Settings</h1>
            </div>
            <div class="section-body">
                <div class="row">
                    <div class="col-md-4">
                        <div class="card">
                            <div class="card-header">
                                <h4>Payplan</h4>
                            </div>
                            <div class="card-body">
                                <ul class="nav nav-pills flex-column">
                                    <li class="nav-item">
                                        <a href="index.php?hal=payplancfg" class="nav-link active">Structure</a>
                                    </li>
                                    <li class="nav-item"><a href="index.php?hal=payplancfg&doppid=1" class="nav-link">+</a>
                                    </li>
                                    <li class="nav-item"><a href="index.php?hal=payplancfg&doppid=2" class="nav-link">+</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-8">
                        <div class="card">
                            <form method="post" action="index.php" enctype="multipart/form-data" id="bpidform_name"
                                id="bpidform">
                                <input type="hidden" name="hal" value="payplancfg">
                                <div class="card-header">
                                    <h4>Options</h4>
                                </div>
                                <div class="card-body">
                                    <div class="form-row">
                                        <div class="form-group col-md-12">
                                            <div class="alert alert-light alert-has-icon">
                                                <div class="alert-icon"><i
                                                        class="fas fa-exclamation-triangle text-danger"></i></div>
                                                <div class="alert-body text-small">
                                                    <div class="alert-title">Important!</div>
                                                    <div class="text-danger">The level settings (Width and Depth) will be
                                                        embedded in the member data when they register to the system,
                                                        changing these values after the member registered may result in the
                                                        member commissions and structure not being processed properly.</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-row">
                                        <div class="form-group col-md-6">
                                            <label for="maxwidth">Level Width</label>
                                            <div class="input-group">
                                                <select name="maxwidth" id="maxwidth" class="form-control select2">
                                                    <option value="0" selected>Unilevel
                                                    <option value="1">1
                                                    <option value="2">2
                                                    <option value="3">3
                                                    <option value="4">4
                                                    <option value="5">5
                                                    <option value="6">6
                                                    <option value="7">7
                                                    <option value="8">8
                                                    <option value="9">9
                                                    <option value="10">10
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="maxdepth">Level Depth</label>
                                            <div class="input-group">
                                                <select name="maxdepth" id="maxdepth" class="form-control select2">
                                                    <option value="1">1
                                                    <option value="2">2
                                                    <option value="3">3
                                                    <option value="4">4
                                                    <option value="5">5
                                                    <option value="6">6
                                                    <option value="7">7
                                                    <option value="8">8
                                                    <option value="9">9
                                                    <option value="10">10
                                                    <option value="11">11
                                                    <option value="12">12
                                                    <option value="13">13
                                                    <option value="14">14
                                                    <option value="15">15
                                                    <option value="16">16
                                                    <option value="17">17
                                                    <option value="18">18
                                                    <option value="19">19
                                                    <option value="20">20
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group col-md-12">
                                            <div class="custom-control custom-checkbox">
                                                <input name="isgenview" value="1" type="checkbox"
                                                    class="custom-control-input" id="isgenview">
                                                <label class="custom-control-label text-muted text-small"
                                                    for="isgenview"><em>Due to the browser HTML parse limitation, enable the
                                                        Member Genealogy when the Matrix plan is used and disable it when
                                                        the system using the Unilevel plan.</em></label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-row">
                                        <div class="form-group col-md-6">
                                            <label for="currencysym">Currency Symbol</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <div class="input-group-text"><i class="fa fa-fw fa-coins"></i></div>
                                                </div>
                                                <input type="text" name="currencysym" id="currencysym"
                                                    class="form-control" value placeholder="$" required>
                                            </div>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="currencycode">Currency Code</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <div class="input-group-text"><i
                                                            class="fa fa-fw fa-money-bill-wave"></i></div>
                                                </div>
                                                <input type="text" name="currencycode" id="currencycode"
                                                    class="form-control" value="USD" placeholder="USD" required>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-row">
                                        <div class="form-group col-md-6">
                                            <label for="pay_emailname">Sender Name</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <div class="input-group-text"><i class="fa fa-fw fa-user"></i></div>
                                                </div>
                                                <input type="text" name="pay_emailname" id="pay_emailname"
                                                    class="form-control" value placeholder="Sender Name">
                                            </div>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="pay_emailaddr">Sender Email</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <div class="input-group-text"><i class="fa fa-fw fa-envelope"></i>
                                                    </div>
                                                </div>
                                                <input type="email" name="pay_emailaddr" id="pay_emailaddr"
                                                    class="form-control" value="suryaprakashtiwari01@gmail.com"
                                                    placeholder="Sender Email Address" required>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="selectgroup-pills">Reminder Interval Before Account Expiry</label>
                                        <div class="selectgroup selectgroup-pills">
                                            <label class="selectgroup-item">
                                                <input type="radio" name="remindreg" value class="selectgroup-input"
                                                    checked="checked">
                                                <span class="selectgroup-button selectgroup-button-icon"><i
                                                        class="fa fa-fw fa-times"></i> Disable</span>
                                            </label>
                                            <label class="selectgroup-item">
                                                <input type="radio" name="remindreg" value="3"
                                                    class="selectgroup-input">
                                                <span class="selectgroup-button selectgroup-button-icon"><i
                                                        class="fa fa-fw fa-check"></i> 3 Days</span>
                                            </label>
                                            <label class="selectgroup-item">
                                                <input type="radio" name="remindreg" value="5"
                                                    class="selectgroup-input">
                                                <span class="selectgroup-button selectgroup-button-icon"><i
                                                        class="fa fa-fw fa-check"></i> 5 Days</span>
                                            </label>
                                            <label class="selectgroup-item">
                                                <input type="radio" name="remindreg" value="1w"
                                                    class="selectgroup-input">
                                                <span class="selectgroup-button selectgroup-button-icon"><i
                                                        class="fa fa-fw fa-check"></i> 1 Week</span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-footer bg-whitesmoke text-md-right">
                                    <button type="reset" name="reset" value="reset" id="reset"
                                        class="btn btn-warning">
                                        <i class="fa fa-fw fa-undo"></i> Reset
                                    </button>
                                    <button type="submit" name="submit" value="submit" id="submit"
                                        class="btn btn-primary">
                                        <i class="fa fa-fw fa-check"></i> Save Changes
                                    </button>
                                    <input type="hidden" name="dosubmit" value="1">
                                    <input type="hidden" name="didId" value="0">
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <script type="53f4a103ea88034fc1293a1d-text/javascript">
        $(document).ready(function () {
    $("#dHS_doreactive").hide();$("#dHS_doexpiry").hide();    });
    </script>
        </section>
    </div>

    <div class="modal fade" id="myModal" role="dialog" aria-labelledby="...">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">

            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">New message</h5>
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                </div>
            </div>
        </div>
    </div>
@endsection