@extends('layout.app')


@section('content')
    <div class="card card-default">
        <div class="card-body">

            <form action="{{ route('resellers.store') }}" method="POST" enctype="multipart/form-data" id="resellerForm">
                @csrf
                <div class="row">
                    <div class="form-group col-md-4">
                        <label for="name" class="block text-sm font-medium text-gray-700">
                            Manager Name*
                        </label>
                        <input type="text" name="name" id="name" value="{{ old('name') }}" class="form-control"
                            required placeholder="Manager Name" autocomplete="off">
                        @error('name')
                            <div class="alert alert-danger">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-group col-md-4">
                        <label for="name" class="block text-sm font-medium text-gray-700">
                            Manager Type*
                        </label>
                        <select name="reseller_type" id="reseller_type" class="select2 form-control" required>
                            <option value="">Select Type</option>
                            <option value="other">Other</option>
                            <option value="own">Own</option>
                        </select>
                        @error('reseller_type')
                            <div class="alert alert-danger">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-group col-md-4">
                        <label for="contact" class="block text-sm font-medium text-gray-700">
                            Contact*
                        </label>

                        <input type="text" name="contact" id="contact" class="form-control" placeholder="Contact"
                            required value="{{ old('contact') }}" autocomplete="off">
                        @error('contact')
                            <div class="alert alert-danger">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>

                    <div class="form-group col-md-4">
                        <label for="address" class="block text-sm font-medium text-gray-700">
                            Address*
                        </label>

                        <input type="text" name="address" id="address" class="form-control" placeholder="Address"
                            required value="{{ old('address') }}" autocomplete="off">

                        @error('address')
                            <div class="alert alert-danger">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-group col-md-4">
                        <label for="remark" class="block text-sm font-medium text-gray-700">
                            Remark
                        </label>
                        <div class=" flex rounded-md shadow-sm">

                            <input type="text" name="remark" id="remark" class="form-control" placeholder="remark"
                                value="{{ old('remark') }}" autocomplete="off">
                        </div>
                        @error('remark')
                            <div class="alert alert-dangers">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>

                    <div class="form-group d-none">
                        <label for="billable" class="block text-sm font-medium text-gray-700">
                            Billable
                        </label>
                        <div class="mt-1 flex rounded-md shadow-sm">

                            <select name="billable" id="billable">
                                <option value="yes">YES</option>
                                <option value="no">No</option>
                            </select>
                        </div>
                        @error('billable')
                            <div class="text-red-500 mt-2 text-sm">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                    @if (!checkAPI() && globalPermission('mac_address_check_radius_system'))
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="mac_bind">MAC Bind</label>
                                <select name="mac_bind" id="mac_bind" class="form-control">
                                    <option value="No" selected>No</option>
                                    <option value="Yes">Yes</option>
                                </select>
                            </div>
                        </div>
                    @endif
                    @if (globalPermission('fixed_billing_cycle_of_d2d_manager'))
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="fixed_billing_cycle">Fixed Billing Cycle</label>
                                <select name="fixed_billing_cycle" id="fixed_billing_cycle" class="form-control">
                                    <option value="No" selected>No</option>
                                    <option value="Yes">Yes</option>
                                </select>
                            </div>
                        </div>
                        {{-- Only meaningful when the toggle above is Yes; the JS below
                             shows and hides it to match. Several days can be pinned, the
                             same way separate_billing_cycle_to_resellers works. --}}
                        <div class="col-md-4" id="fixed_billing_cycle_day_wrap" style="display:none;">
                            <div class="form-group">
                                <label for="fixed_billing_cycle_days">Billing Cycle Day</label>
                                <select name="fixed_billing_cycle_days[]" id="fixed_billing_cycle_days"
                                    class="form-control" multiple>
                                    @foreach (range(1, 28) as $day)
                                        <option value="{{ $day }}">{{ $day }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    @endif
                    @if (globalPermission('reseller_wise_expire_time'))
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="expire_before_expire_date">Expire Before Expire Date</label>
                                <select name="expire_before_expire_date" id="expire_before_expire_date"
                                    class="form-control">
                                    <option value="">Follow Global Setting</option>
                                    <option value="Yes">Yes</option>
                                    <option value="No">No</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Expire Time</label>
                                <div class="row">
                                    <div class="col-md-6">
                                        <input type="number" max="23" min="0" name="expire_hour" class="form-control"
                                            value="{{ old('expire_hour') }}" placeholder="Hour" autocomplete="off">
                                    </div>
                                    <div class="col-md-6">
                                        <input type="number" max="59" min="0" name="expire_minute" class="form-control"
                                            value="{{ old('expire_minute') }}" placeholder="Minute" autocomplete="off">
                                    </div>
                                </div>
                                <small class="text-muted">Leave both empty to follow the global expire time.</small>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Expire SMS Send Time</label>
                                <div class="row">
                                    <div class="col-md-6">
                                        <input type="number" max="23" min="0" name="expire_sms_hour"
                                            class="form-control" value="{{ old('expire_sms_hour') }}" placeholder="Hour"
                                            autocomplete="off">
                                    </div>
                                    <div class="col-md-6">
                                        <input type="number" max="59" min="0" name="expire_sms_minute"
                                            class="form-control" value="{{ old('expire_sms_minute') }}"
                                            placeholder="Minute" autocomplete="off">
                                    </div>
                                </div>
                                <small class="text-muted">Expire SMS goes to this manager's clients at this time. Leave
                                    both empty to follow the global expire SMS send time.</small>
                            </div>
                        </div>
                    @endif
                    @if (checkSettings('reseller-image') == 'enable')
                        @can('reseller-image-upload')
                            <div class="form-group col-md-4">
                                <label for="name" class="block text-sm font-medium text-gray-700">
                                    Upload File
                                </label>
                                <input type="file" name="img_url" value="{{ old('img_url') }}" class="form-control"
                                    placeholder="image" autocomplete="off" accept="image/*">
                                @error('img_url')
                                    <div class="alert alert-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        @endcan
                    @endif
                    @if (checkSettings('manager-commission-percentage') === 'enable')
                        @can('set-manager-commission')
                            <div class="form-group col-md-4">
                                <label for="commission_percentage" class="block text-sm font-medium text-gray-700">
                                    Manager Miscellaneous Expense
                                </label>
                                <div class=" flex rounded-md shadow-sm">

                                    <input type="number" step=".01" name="commission_percentage" id="commission_percentage"
                                        class="form-control" placeholder="Commission in percentage"
                                        value="{{ old('commission_percentage') }}" autocomplete="off">
                                </div>
                                @error('commission_percentage')
                                    <div class="alert alert-dangers">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </div>
                        @endcan
                    @endif

                    {{-- Other type only: every month on this day and time the manager's dues
                         (Core Rent, Monthly / Product Installment, Real IP Bill) are paid
                         from their balance. Blank day = off. --}}
                    @can('set-manager-commission')
                        <div class="form-group col-md-4 auto-due-deduct-wrap">
                            <label for="auto_due_deduct_day" class="block text-sm font-medium text-gray-700">
                                Auto Due Deduct Day
                            </label>
                            <select name="auto_due_deduct_day" id="auto_due_deduct_day" class="form-control select2">
                                <option value="">Off</option>
                                @for ($day = 1; $day <= 31; $day++)
                                    <option value="{{ $day }}" {{ (int) old('auto_due_deduct_day') === $day ? 'selected' : '' }}>{{ $day }}</option>
                                @endfor
                            </select>
                            <small class="text-muted">Monthly dues are deducted from the manager's balance on this day (last day in shorter months).</small>
                            @error('auto_due_deduct_day')
                                <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group col-md-4 auto-due-deduct-wrap">
                            <label for="auto_due_deduct_time" class="block text-sm font-medium text-gray-700">
                                Auto Due Deduct Time
                            </label>
                            <input type="time" name="auto_due_deduct_time" id="auto_due_deduct_time" class="form-control"
                                value="{{ old('auto_due_deduct_time') }}">
                            <small class="text-muted">Blank = 00:00.</small>
                            @error('auto_due_deduct_time')
                                <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    @endcan

                    @if (checkSettings('vat_deduct_from_payment_for_commission_calculation') === 'enable')
                        <div class="form-group col-md-4">
                            <label for="vat" class="block text-sm font-medium text-gray-700">
                                VAT (%)
                            </label>
                            <div class=" flex rounded-md shadow-sm">
                                <input type="number" step=".01" name="vat" id="vat" class="form-control"
                                    placeholder="VAT Percentage" value="{{ old('vat', 0) }}" autocomplete="off">
                            </div>
                            @error('vat')
                                <div class="alert alert-danger">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>
                    @endif
                    @if (checkSettings('securityAmountManagement') === 'enable')
                        <div class="form-group col-md-4">
                            <label for="security_amount" class="block text-sm font-medium text-gray-700">
                                Security Amount
                            </label>
                            <input type="number" step=".01" name="security_amount" id="security_amount"
                                class="form-control" placeholder="Security Amount"
                                value="{{ old('security_amount', 0) }}" autocomplete="off">
                            @error('security_amount')
                                <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    @endif

                    @if (checkSettings('manager_bank_info') === 'enable')
                        <div class="form-group col-md-4">
                            <label for="bank_name" class="block text-sm font-medium text-gray-700">
                                Bank Name{{ checkRequired('manager_bank_info_required', '*') }}
                            </label>
                            <div class=" flex rounded-md shadow-sm">
                                <input type="text" name="bank_name" id="bank_name" class="form-control"
                                    placeholder="Bank Name" value="{{ old('bank_name') }}" autocomplete="off">
                            </div>
                            @error('bank_name')
                                <div class="alert alert-danger">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>
                        <div class="form-group col-md-4">
                            <label for="branch_name" class="block text-sm font-medium text-gray-700">
                                Branch Name{{ checkRequired('manager_bank_info_required', '*') }}
                            </label>
                            <div class=" flex rounded-md shadow-sm">
                                <input type="text" name="branch_name" id="branch_name" class="form-control"
                                    placeholder="Branch Name" value="{{ old('branch_name') }}" autocomplete="off">
                            </div>
                            @error('branch_name')
                                <div class="alert alert-danger">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>
                        <div class="form-group col-md-4">
                            <label for="routing_number" class="block text-sm font-medium text-gray-700">
                                Routing Number{{ checkRequired('manager_bank_info_required', '*') }}
                            </label>
                            <div class=" flex rounded-md shadow-sm">
                                <input type="text" name="routing_number" id="routing_number" class="form-control"
                                    placeholder="Routing Number" value="{{ old('routing_number') }}" autocomplete="off">
                            </div>
                            @error('routing_number')
                                <div class="alert alert-danger">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>
                        <div class="form-group col-md-4">
                            <label for="bank_account_no" class="block text-sm font-medium text-gray-700">
                                Bank Account No{{ checkRequired('manager_bank_info_required', '*') }}
                            </label>
                            <div class=" flex rounded-md shadow-sm">
                                <input type="text" name="bank_account_no" id="bank_account_no" class="form-control"
                                    placeholder="Bank Account No" value="{{ old('bank_account_no') }}" autocomplete="off">
                            </div>
                            @error('bank_account_no')
                                <div class="alert alert-danger">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>
                        <div class="form-group col-md-4">
                            <label for="account_name" class="block text-sm font-medium text-gray-700">
                                Account Name{{ checkRequired('manager_bank_info_required', '*') }}
                            </label>
                            <div class=" flex rounded-md shadow-sm">
                                <input type="text" name="account_name" id="account_name" class="form-control"
                                    placeholder="Account Name" value="{{ old('account_name') }}" autocomplete="off">
                            </div>
                            @error('account_name')
                                <div class="alert alert-danger">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>
                    @endif


                </div>

                <hr>
                @if (checkSettings('reseller-online-recharge') == 'enable' || checkSettings('onlinesendmoney') == 'enable')
                    <div class="form-group col-md-4">
                        <label for="payment_charges">Gateway Charges In %</label>

                        <table class="table table-responsive table-condensed">
                            <tr>
                                <td>Bkash</td>
                                <td>
                                    <input type="number" step="any" name="bkash_charges" id="bkash_charges"
                                        class="form-control" placeholder="Bkash Charges"
                                        value="{{ old('bkash_charges') }}" autocomplete="off">
                                </td>
                            </tr>
                            <tr>
                                <td>Nagad</td>
                                <td>
                                    <input type="number" step="any" name="nagad_charges" id="nagad_charges"
                                        class="form-control" placeholder="Nagad Charges"
                                        value="{{ old('nagad_charges') }}" autocomplete="off">
                                </td>
                            </tr>
                            <tr>
                                <td>Upay</td>
                                <td>
                                    <input type="number" step="any" name="upay_charges" id="upay_charges"
                                        class="form-control" placeholder="Upay Charges"
                                        value="{{ old('upay_charges') }}" autocomplete="off">
                                </td>
                            </tr>
                        </table>
                    </div>
                @endif

                {{-- <div class="col-sm-6">
                    <label for="">Package List</label>
                    @foreach ($packages as $package)
                        <br>
                        <label for="package{{ $package->id }}">
                            <input type="checkbox" id="package{{ $package->id }}" name="package[]"
                                value="{{ $package->id }}"> {{ $package->package_name }}
                        </label>
                    @endforeach
                </div> --}}
                <div class="col-sm-12">


                    <div class="form-group float-right">
                        <button class="btn btn-primary" type="submit"><i class="fa fa-save"></i> Save</button>
                        <button class="btn btn-info" type="reset" id="reset">Reset</button>
                    </div>

                </div>


            </form>


        </div>


    </div>
@endsection
@section('ajax')
    <script>
        $(document).ready(function() {
            $('#fixed_billing_cycle_days').select2({
                placeholder: "Select Billing Cycle Day",
                allowClear: true,
                width: '100%'
            });

            // The day list only matters while the toggle is Yes, so it is hidden
            // otherwise rather than inviting a value that will never be read.
            $('#fixed_billing_cycle').on('change', function() {
                $('#fixed_billing_cycle_day_wrap').toggle($(this).val() === 'Yes');
            }).trigger('change');

            // Auto due deduct draws on the balance, which only Other managers pay from.
            $('#reseller_type').on('change', function() {
                $('.auto-due-deduct-wrap').toggle($(this).val() === 'other');
            }).trigger('change');

            $('#resellerForm').on('submit', function(e) {
                e.preventDefault();
                var formData = new FormData(this);

                let resellerType = $('#reseller_type').val();

                // Validate commission if type is own (commented out - validation in controller)
                // if (resellerType === 'own' &&
                //     {{ auth()->user()->can('set-manager-commission') ? 'true' : 'false' }} &&
                //     {{ checkSettings('manager-commission-percentage') === 'enable' ? 'true' : 'false' }}) {
                //     let commission = $('#commission_percentage').val();
                //     if (!commission || commission <= 0) {
                //         $('#commission_percentage').focus();
                //         toastr.error('For Own type, Manager Miscellaneous Expense must be greater than 0.');
                //         return;
                //     }
                // }

                // submit the form if validation passes not using ajax
                this.submit();

            });
        });
    </script>
@endsection