@include('admin.layouts.header')
@include('admin.layouts.sidebar')
<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <!-- BEGIN: Subheader -->
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    Users
                </h3>
                <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
                    <li class="m-nav__item m-nav__item--home">
                        <a href="{{ asset('/') }}" class="m-nav__link m-nav__link--icon">
                            <i class="m-nav__link-icon la la-home"></i>
                        </a>
                    </li>
                    <li class="m-nav__separator">
                        -
                    </li>
                    <li class="m-nav__item">
                        <a href="{{ asset('admin/users') }}" class="m-nav__link">
                            <span class="m-nav__link-text">
                                Users
                            </span>
                        </a>
                    </li>
                    <li class="m-nav__separator">
                        -
                    </li>
                    <li class="m-nav__item">
                        <a href="" class="m-nav__link">
                            <span class="m-nav__link-text">
                                Add
                            </span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- END: Subheader -->
    <div class="m-content">
        @if($errors->any())
            @foreach($errors->all() as $key => $error)
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                    {{$error}}
                </div>
            @endforeach
        @endif
        @if(Session::has('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                {{ Session::get('success') }}
            </div>
        @endif
        @if(Session::has('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                {{ Session::get('error') }}
            </div>
        @endif
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon">
                            <i class="flaticon-add"></i>
                        </span>
                        <h3 class="m-portlet__head-text">
                            Add Users
                        </h3>
                    </div>
                </div>
            </div>
            <!--begin::Form-->
            <?php $type_vmb = ''; ?>
            @if(request()->path() == 'admin/merchant/user/add') <?php $type_vmb = '?merchant=true'; ?> @endif
            <form action="{{ asset('admin/users/add'.$type_vmb) }}" class="m-form m-form--fit m-form--label-align-right" method="POST">
                <div class="m-portlet__body">
                    <div class="m-form__section m-form__section--first">
                        <input type="hidden" name="_token" value="{{csrf_token()}}" />
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Name:
                            </label>
                            <div class="col-lg-6">
                                <input type="text" class="form-control m-input" name="name" value="{{ Request::old('name') }}" placeholder="Enter name" required>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Username:
                            </label>
                            <div class="col-lg-6">
                                <input type="text" class="form-control m-input" name="username" value="{{ Request::old('username') }}" placeholder="Enter Username" autocomplete="new-password" required>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Email address:
                            </label>
                            <div class="col-lg-6">
                                <input type="email" class="form-control m-input" name="email" value="{{ Request::old('email') }}" placeholder="Enter email" required>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Mobile Number:
                            </label>
                            <div class="col-lg-6">
                                <input type="text" class="form-control m-input" name="mobile_number" value="{{ Request::old('mobile_number') }}" placeholder="Enter Mobile Number" required>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Password:
                            </label>
                            <div class="col-lg-6">
                                <input type="password" class="form-control m-input" name="password" value="{{ Request::old('password') }}" placeholder="Enter Password" autocomplete="new-password" required>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Confirm Password:
                            </label>
                            <div class="col-lg-6">
                                <input type="password" class="form-control m-input" name="password_confirmation" value="{{ Request::old('password_confirmation') }}" placeholder="Confirm Password" required>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                User Type:
                            </label>
                            <div class="col-lg-6">
                                <?php $user_id_main = \Illuminate\Support\Facades\Auth::check() ? \Illuminate\Support\Facades\Auth::user()->user_type : 0;
                                $show = true;
                                ?>
                                <select class="form-control m-input" name="user_type" id="exampleSelect1" required>
                                    <option value="">Select Type</option>
                                    @if(request()->path() != 'admin/merchant/user/add')
                                    @foreach($user_types as $types_index=>$types)
                                        <?php $show = true; if($user_id_main != 5 && $types->id == 5){ $show = false; }?>
                                        @if($show)
                                        <option value="{!! $types->id !!}">{!! $types->name !!}</option>
                                        @endif
                                    @endforeach
                                    <option value="1">Consumer</option>
                                    @else
                                        @foreach($user_types as $types_index=>$types)
                                            @if(in_array($types->id, [11,12,20,48]))
                                                <option value="{!! $types->id !!}">{!! $types->name !!}</option>
                                            @endif
                                        @endforeach
                                    @endif
                                    <option value="2">Merchant</option>
                                    <option value="3">Center Head</option>
                                    <option value="4">Center Executive</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group  m-form__group row ">
                            <label class="col-lg-3 col-form-label">Zones</label>
                            <div class="col-lg-6">
                            <select id="zones" name="zones[]" data-style="btn-default" class="selectpicker form-control" multiple data-max-options="10">
                                @foreach($zones as $types_index=>$types)
                                    <option value="{!! $types->id !!}">{!! $types->name !!}</option>
                                @endforeach
                            </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row max_pos_waiver_div" @if(isset($user->user_type) && in_array($user->user_type, [2,48])) style="display: none" @endif>
                            <label class="col-lg-3 col-form-label">
                                Maximum POS Waiver (%):
                            </label>
                            <div class="col-lg-6">
                                <input type="number" min="0" max="100" value="0" class="form-control m-input" name="max_pos_waiver" value="{{ Request::old('max_pos_waiver') }}" placeholder="Enter Maximum POS Waiver">
                            </div>
                        </div>
                        <div class="form-group m-form__group row lender_select">
                            <label class="col-lg-3 col-form-label">
                                Lender:<br/>
                                <code>Give access to lender</code>
                            </label>
                            <div class="col-lg-6">
                                <select class="form-control m-input selectpicker" name="lender_id" id="exampleSelect2" data-live-search="true">
                                    <option value="">Select Lender</option>
                                    @foreach($lenders as $lender)
                                        <option value="{!! $lender->id !!}">{!! $lender->name !!}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row merchant_select" @if((isset($user->user_type) && !in_array($user->user_type, [2,48])) || !isset($user->user_type)) style="display: none" @endif>
                            <label class="col-lg-3 col-form-label">
                                Merchant:
                            </label>
                            <div class="col-lg-6">
                                <select class="form-control m-input selectpicker" name="merchant_id" id="exampleSelect2" data-live-search="true">
                                    <option value="">Select Merchant</option>
                                    @foreach($merchants as $item)
                                        <option value="{!! $item->id !!}" @if(isset($user->merchant->id) && $user->merchant->id == $item->id) selected @endif>{!! $item->merchant_name !!}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-group m-form__group row category_select" @if(empty($user->merchant->merchant_category_many)) style="display: none" @endif>
                            <label class="col-lg-3 col-form-label">
                                Category:
                            </label>
                            <div class="col-lg-6">
                                <select class="form-control m-input" name="purpose">
                                    @if(isset($user->merchant->merchant_category_many))
                                        <option value="">Select Category</option>
                                        @foreach($user->merchant->merchant_category_many as $item)
                                            <option value="{!! $item->id !!}" @if(isset($user->merchant->category_id) && $user->merchant->category_id == $item->id) selected @endif>{!! $item->name !!}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row centers_select" @if(empty($user->merchant->centers)) style="display: none" @endif>
                            <label class="col-lg-3 col-form-label">
                                Centers:
                            </label>
                            <div class="col-lg-6">
                                <select class="form-control m-input" name="center_id" id="centers">
                                    @if(isset($user->merchant->centers))
                                        <option value="">Select Center</option>
                                        @foreach($user->merchant->centers as $item)
                                            <option value="{!! $item->id !!}" @if(isset($user->center_id) && $user->center_id == $item->id) selected @endif>{!! $item->name !!}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="m-portlet__foot m-portlet__foot--fit">
                    <div class="m-form__actions m-form__actions">
                        <button type="submit" class="btn btn-primary">
                            Submit
                        </button>
                        <button type="reset" onclick="window.history.back()" class="btn btn-secondary">
                            Cancel
                        </button>
                    </div>
                </div>
            </form>
            <!--end::Form-->
        </div>
    </div>
</div>
@include("admin.layouts.footer")
<script>
    var list = {};
    $("select[name='user_type']").change(function () {
        var type = $(this).find('option:selected').val();

        if(type < 5){
            $(".lender_select").css({'display':'none'});
        }else{
            $(".lender_select").css({'display':'flex'});
        }

        if(type == "2" || type == "48"){
            $(".max_pos_waiver_div").css({'display':'none'});
        }else{
            $(".max_pos_waiver_div").css({'display':'flex'});
        }

        if(["2","3","4","48"].includes(type)) {
            $.ajax({
                url: "/admin/merchant/lists",
                method: 'GET',
            }).done(function (data) {
                $(".merchant_select").css({'display':'flex'});
                $(".category_select").css({'display':'flex'});
                var select = '<option>Select Merchant </option>';
                $.each(data.merchants, function (index, item) {
                    select += '<option value=' + item.id + '>' + item.merchant_name + '</option>';
                });

                $("select[name='merchant_id']").html(select);
            });
        }else{
            $(".merchant_select").css({'display':'none'});
            $(".category_select").css({'display':'none'});
            $(".centers_select").css({'display':'none'});
        }
    });

    $("input[name='referred_by']").bind("keyup change", function(e) {
        if($(this).val().length == 5){
            $("code.ref-ct").css({display:'none'});
            $(".loading_cc").css({display:'block'});
            var _token = '<?php echo csrf_token(); ?>';
            $.ajax({
                type: 'POST',
                url: "/admin/users/get-referee/"+$(this).val(),
                data: {
                    _token: _token,
                },
                dataType: "JSON",
                success: function (response) {
                    $(".loading_cc").css({display:'none'});
                    $("code.ref-ct").css({display:'block'});
                    $("code.ref-ct").html(response.message);
                }
            });
        }
    });
</script>