@extends('admin.layout')
@section('main')
    <div class="content-wrapper">
        <div class="content-header row mb-1">
            <div class="row breadcrumbs-top">
                <div class="col-12">

                    <div class="breadcrumb-wrapper">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('general.dashboard') }}"
                                    class="router-link-active spaSlug" target="_self"><svg xmlns="http://www.w3.org/2000/svg"
                                        width="16px" height="16px" viewBox="0 0 24 24" fill="none"
                                        stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round" class="align-text-top feather feather-home">
                                        <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
                                        <polyline points="9 22 9 12 15 12 15 22"></polyline>
                                    </svg></a></li>
                            <li class="breadcrumb-item"><a href="{{ route('admin.brand') }}" target="_self" class="spaSlug">
                                    Manage Brand
                                </a></li>
                            <li class="breadcrumb-item active"><span aria-current="location"> Add Brand </span>
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">
            <section class="app-user-view">
                <!-- User Card & Plan Starts -->
                <div class="row">
                    <!-- User Card starts-->
                    <div class="col-xl-12">
                        <a href="{{ route('admin.brand') }}" class="mb-2 spaSlug"><i class="fa fa-arrow-left"></i> Back</a>
                        <div class="card user-card border-primary mt-2">
                            <div class="card-body">

                                <!-- users Add account form start -->
                                {{ Form::open(['url' => '#', 'name' => 'validateForm', 'id' => 'validateForm', 'enctype' => 'multipart/form-data', 'class' => 'form-validate']) }}
                                <input type="hidden" name="iBrandID" id="iBrandID"
                                    value="@isset($editData->iBrandID) {{ $editData->iBrandID }} @endisset">

                                <div class="row">

                                    <div class="col-md-4 ">
                                        <div class="form-group">
                                            <label for="role">Division <span class="required">*</span></label>
                                            <select class="select2 select-label form-control w-100" multiple id="iDivisionID"
                                                name="iDivisionID[]" onchange="checkAll()"
                                                >
                                                <option value="all"> Select All Division</option>
                                                @foreach ($division as $key => $value)
                                                    <option value="{{ $value->iDivisionID }}"
                                                        @if (isset($editData) && in_array($value['iDivisionID'], $editData['iDivisionID'])) selected @endif>
                                                        {{ $value->vDivision }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <label id="iDivisionID-error" class="error" for="iDivisionID"></label>
                                    </div>


                                    <div class="col-md-4 ">
                                        <div class="form-group ">
                                            <label for="">Brand Name <span class="required">*</span></label>
                                            <input type="text" class="form-control" name="vBrandName" id="vBrandName"
                                                value="{{ isset($editData->vBrandName) ? $editData->vBrandName : '' }}"
                                                >
                                        </div>
                                    </div>

                                    <div class="col-md-4 ">
                                        <div class="form-group ">
                                            <label for="">Brand Code <span class="required">*</span></label>
                                            <input type="text" class="form-control" name="vBrandCode"
                                                id="vBrandCode"
                                                value="{{ isset($editData->vBrandCode) ? $editData->vBrandCode : '' }}"
                                                >
                                        </div>
                                    </div>
                                </div>




                                <div class="col-12 d-flex flex-sm-row flex-column mt-2">
                                    <button type="submit" class="btn btn-primary mb-1 mb-sm-0 mr-0 mr-sm-1"
                                        id="submit">Save</button>

                                </div>
                                {{ Form::close() }}
                            </div>
                        </div>
                    </div>
                </div>
                <!-- User Card & Plan Ends -->
            </section>

        </div>
    </div>
@endsection
@section('scripts')
    <script>
        $(document).ready(function() {
            $.validator.addMethod("count1", function(value, element) {
                if ($('input[name="' + element.name + '"]:checked').length > 0) {
                    return true;
                } else {
                    return false;
                }
            }, "Please select atleast one permission.");

            jQuery.validator.addMethod("letters_numbers_special", function(value, element) {
                if (value != '')
                    return value.match(
                        /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~])[A-Za-z\d!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~]{5,}$/
                    );
                return true;
            }, "Password should contain 1 Uppercase , 1 Lowercase , 1 Special Character and 1 Numeric.");

            jQuery.validator.addMethod("checklimit", function(value, element) {
                if ($("input[name='permission[doctor_approval_approve_reject]'").is(':checked') && (value ==
                        '' || value == 0)) {
                    return false;
                } else {
                    return true;
                }
            }, 'This field is required.');

            jQuery.validator.addMethod("checkpaymentlimit", function(value, element) {
                if ($("input[value='payment_approval_approve_reject']").is(':checked') && (value ==
                        '' || value == 0)) {
                    return false;
                } else {
                    return true;
                }
            }, 'This field is required.');

            $.validator.addMethod("noSpaces", function(value, element) {
                return this.optional(element) || $.trim(value).length > 0;
            }, "Please enter valid text, not just spaces.");



            $("#validateForm").validate({
                // ignore: ".ignore",
                rules: {
                    'iDivisionID[]': {
                        required: true,
                    },
                    vBrandName: {
                        required: true,
                        noSpaces: true,
                    },
                    vBrandCode: {
                        required: true,
                        noSpaces: true,
                    },


                },
                submitHandler: function(form) {
                    // return false;
                    $("#submit").html('<span> Processing...</span>');
                    $("#submit").attr('disabled', true);

                    var formData = new FormData($("#validateForm")[0]);


                    @if (!isset($editData))
                        $.ajax({
                            url: "{{ route('admin.brand.save') }}",
                            type: 'POST',
                            data: formData,
                            processData: false,
                            contentType: false,
                            dataType: "json",
                            success: function(response) {
                                if (response.status == 0) {
                                    $("#submit").html('Submit');
                                    $("#submit").attr('disabled', false);
                                    $.notify(response.message, "error");
                                } else {
                                    $("#vLogo").rules("add", {
                                        required: true,
                                        accept: "png"
                                    });
                                    $.notify(response.message, "success");
                                    $("#submit").attr('disabled', false);
                                    $("#submit").html('Submit');
                                    window.location.replace('{{ route('admin.brand') }}');

                                }
                            },
                            error: function(jqXHR, textStatus, errorThrown) {
                                if (jqXHR.status == 419) {
                                    $.notify("Please refresh the Page", "error");
                                } else if (jqXHR.status == 500) {
                                    $.notify("Please try after a few minutes", "error");
                                } else {
                                    $.notify(jqXHR.responseJSON.message, "error");
                                }

                                var flag = 0;
                                $("#submit").html('Submit');
                                $("#submit").attr('disabled', false);
                                $.each(jqXHR.responseJSON.errors, function(index, data) {
                                    if (flag == 0) {
                                        $('input[name="' + index + '"]').focus();
                                        flag = 1;
                                    }
                                    if (document.getElementsByName(index)[0]
                                        .tagName == "INPUT" && document
                                        .getElementsByName(index)[0].type != 'radio'
                                    ) {
                                        $('input[name="' + index + '"]').after(
                                            '<label id="' + index +
                                            '-error" class="error" for="' +
                                            index + '">' + data + '</label>');
                                    } else if (document.getElementsByName(index)[0]
                                        .tagName == "SELECT") {
                                        $('select[name="' + index + '"]').after(
                                            '<label id="' + index +
                                            '-error" class="error" for="' +
                                            index + '">' + data + '</label>');
                                    } else if (document.getElementsByName(index)[0]
                                        .tagName == "TEXTAREA") {
                                        $('textarea[name="' + index + '"]').after(
                                            '<label id="' + index +
                                            '-error" class="error" for="' +
                                            index + '">' + data + '</label>');
                                    } else if (document.getElementsByName(index)[0]
                                        .tagName == "INPUT" && document
                                        .getElementsByName(index)[0].type == 'radio'
                                    ) {
                                        $('input[name="' + index + '"]').after(
                                            '<label id="' + index +
                                            '-error" class="error" for="' +
                                            index + '">' + data + '</label>');
                                    }
                                });
                            }
                        }); //ajax
                    @else


                        Swal.fire({
                            //    title: 'Are you sure?',
                            text: "Are you sure ?",
                            icon: 'warning',
                            showCancelButton: true,
                            confirmButtonColor: '#3085d6',
                            cancelButtonColor: '#d33',
                            confirmButtonText: 'Yes'
                        }).then((result) => {
                            if (result.isConfirmed) {
                                $.ajax({
                                    url: "{{ route('admin.brand.save') }}",
                                    type: 'POST',
                                    data: formData,
                                    processData: false,
                                    contentType: false,
                                    dataType: "json",
                                    success: function(response) {
                                        if (response.status == 0) {
                                            $("#submit").html('Submit');
                                            $("#submit").attr('disabled', false);
                                            $.notify(response.message, "error");
                                        } else {
                                            $("#vLogo").rules("add", {
                                                required: true,
                                                accept: "png"
                                            });
                                            $.notify(response.message, "success");
                                            $("#submit").attr('disabled', false);
                                            $("#submit").html('Submit');
                                            window.location.replace(
                                                '{{ route('admin.brand') }}');

                                        }
                                    },
                                    error: function(jqXHR, textStatus, errorThrown) {
                                        if (jqXHR.status == 419) {
                                            $.notify("Please refresh the Page",
                                                "error");
                                        } else if (jqXHR.status == 500) {
                                            $.notify(
                                                "Please try after a few minutes",
                                                "error");
                                        } else {
                                            $.notify(jqXHR.responseJSON.message,
                                                "error");
                                        }
                                        var flag = 0;
                                        $("#submit").html('Submit');
                                        $("#submit").attr('disabled', false);
                                        $.each(jqXHR.responseJSON.errors, function(
                                            index, data) {
                                            if (flag == 0) {
                                                $('input[name="' + index +
                                                    '"]').focus();
                                                flag = 1;
                                            }
                                            if (document.getElementsByName(
                                                    index)[0]
                                                .tagName == "INPUT" &&
                                                document
                                                .getElementsByName(index)[0]
                                                .type != 'radio'
                                            ) {
                                                $('input[name="' + index +
                                                    '"]').after(
                                                    '<label id="' +
                                                    index +
                                                    '-error" class="error" for="' +
                                                    index + '">' +
                                                    data + '</label>');
                                            } else if (document
                                                .getElementsByName(index)[0]
                                                .tagName == "SELECT") {
                                                $('select[name="' + index +
                                                    '"]').after(
                                                    '<label id="' +
                                                    index +
                                                    '-error" class="error" for="' +
                                                    index + '">' +
                                                    data + '</label>');
                                            } else if (document
                                                .getElementsByName(index)[0]
                                                .tagName == "TEXTAREA") {
                                                $('textarea[name="' +
                                                    index + '"]').after(
                                                    '<label id="' +
                                                    index +
                                                    '-error" class="error" for="' +
                                                    index + '">' +
                                                    data + '</label>');
                                            } else if (document
                                                .getElementsByName(index)[0]
                                                .tagName == "INPUT" &&
                                                document
                                                .getElementsByName(index)[0]
                                                .type == 'radio'
                                            ) {
                                                $('input[name="' + index +
                                                    '"]').after(
                                                    '<label id="' +
                                                    index +
                                                    '-error" class="error" for="' +
                                                    index + '">' +
                                                    data + '</label>');
                                            }
                                        });
                                    }
                                }); //ajax
                            }else{
                                $("#submit").html('Submit');
                                $("#submit").attr('disabled', false);
                            }
                        })
                    @endif

                    return;

                }
            });
        });

        function getPermission() {
            event.preventDefault();
            $("input:checkbox").prop('checked', false);
            var iDesignationID = $("#iDesignationID").val();
            if (iDesignationID != '') {
                $.ajax({
                    url: "{{ route('admin.permission.by.designation', '') }}/" + iDesignationID,
                    type: 'GET',
                    dataType: "json",
                    success: function(response) {
                        $(response).each(function(index, element) {
                            $("#permission_" + element).prop('checked', true);
                        });
                        toggle_approve_limit();
                    }
                }); //ajax
            } else {
                toggle_approve_limit();
            }
        }

        function checkAll() {
            var val = $("#iDivisionID").val();
            if (val[0] === 'all') {
                $("#iDivisionID").find('option').prop("selected", true);
                $("#iDivisionID").find('option[value="all"]').prop("selected", false);
                $("#iDivisionID").trigger('change');
            }
        }

        $(".approve_limit_input").hide();
        $("input[name='permission[doctor_approval_approve_reject]'").on('click', function() {
            toggle_approve_limit();
        })
        toggle_approve_limit();

        function toggle_approve_limit() {
            if ($("input[name='permission[doctor_approval_approve_reject]'").is(':checked')) {
                $(".approve_limit_input").show();
            } else {
                $(".approve_limit_input").hide();
                $("#biApprovalLimit-error").remove();
            }
        }
        $(".payment_approve_limit_input").hide();
        $("input[name='permission[payment_approval_approve_reject]'").on('click', function() {
            payment_toggle_approve_limit();
        })
        payment_toggle_approve_limit();

        function payment_toggle_approve_limit() {
            if ($("input[name='permission[payment_approval_approve_reject]'").is(':checked')) {
                $(".payment_approve_limit_input").show();
            } else {
                $(".payment_approve_limit_input").hide();
                $("#paymentApprovalLimit-error").remove();
            }
        }


        function checkView(id, lable) {
            if (lable != 'View') {
                $("." + id + "_View").prop("checked", true);
            } else if (!$("." + id + "_View").prop("checked")) {
                $("." + id + "_Rest").prop("checked", false);
            }
        }
    </script>
@endsection