@extends('layouts.master')
@section('title','SALES | NEW REPRESENTATIVE')
@section('headasset')
@include('layouts.head-asset')
@stop
@section('content')
<div class="wrapper">
    @include('admin.main-header')
    <!-- Sidebar -->
    @include('admin.sidebar')
    <!-- End Sidebar -->
    <div class="main-panel">
        <div class="content">
            <div class="panel-header bg-primary-gradient">
                <div class="page-inner py-5">
                    <div class="d-flex align-items-left align-items-md-center flex-column flex-md-row">
                        <div>
                            <h2 class="text-white pb-2 fw-bold">EDIT SALES REPRESENTATIVE</h2>
                        </div>
                        <div class="ml-md-auto py-2 py-md-0">
                            <!-- <a href="#" class="btn btn-white btn-border btn-round mr-2">Manage</a> -->
                            <a href="{{route('view-user-sr',encrypt($srep->id))}}"
                                class="btn btn-secondary btn-round btn-model-data-new">View
                                Sales Representative</a>
                            <a href="{{route('user-sr')}}" class="btn btn-secondary btn-round btn-model-data-new">All
                                Sales Representative</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="page-inner mt--5">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="row mt--2">
                                    <div class="col-md-7">
                                        <div class="bp-list-wrapper">
                                            <div class="form-row px-2 py-2">
                                                <h3 class="bg-info text-white w-100 px-2">EDIT DETAILS</h3>
                                            </div>
                                            <form id="ManageUserSrDataForm" method="POST"
                                                action="{{route('update-user-sr')}}">
                                                @csrf
                                                <div class="form-row form-row-2 px-3 py-2">
                                                    <input type="hidden" name="user_id" value="{{$srep->id}}">
                                                    <div class="form-group w-100">
                                                        <label for="name">Representative Name</label>
                                                        <input type="text" class="form-control" name="name" id="name"
                                                            value="{{$srep->name}}">
                                                    </div>
                                                    <div class="form-group w-50">
                                                        <label for="gender">Gender</label>
                                                        <select class="form-control" data-live-search="true"
                                                            name="gender" id="gender" required>
                                                            <option value="male" {{$srep->
                                                                gender=="male"?"selected":""}}>Male</option>
                                                            <option value="female" {{$srep->
                                                                gender=="female"?"selected":""}}>Female</option>
                                                            <option value="other" {{$srep->
                                                                gender=="other"?"selected":""}}>Other</option>
                                                        </select>
                                                    </div>
                                                    <div class="form-group w-50">
                                                        <label for="dob">D.O.B</label>
                                                        <input type="date" class="form-control" name="dob" id="dob"
                                                            value="{{$srep->dob}}">
                                                    </div>
                                                    <div class="form-group w-50">
                                                        <label for="designation">Designation</label>
                                                        <input type="text" class="form-control" name="designation"
                                                            id="designation" value="{{$srep->designation}}">
                                                    </div>

                                                    <div class="form-group w-50">
                                                        <label for="mobile">Contact</label>
                                                        <input type="text" class="form-control" name="mobile"
                                                            id="mobile" value="{{$srep->mobile}}">
                                                    </div>

                                                    <div class="form-group w-100">
                                                        <label for="email">Email</label>
                                                        <input type="text" class="form-control" name="email" id="email"
                                                            value="{{$srep->email}}">
                                                    </div>
                                                    <div class="form-group w-100">
                                                        <label for="address">Address</label>
                                                        <input type="text" class="form-control" name="address"
                                                            id="address" value="{{$srep->address}}">
                                                    </div>

                                                    <div class="form-group w-50">
                                                        <label for="city">City</label>
                                                        <input type="text" class="form-control" name="city" id="city"
                                                            value="{{$srep->city}}">
                                                    </div>
                                                    <div class="form-group w-50">
                                                        <label for="zipcode">Pincode</label>
                                                        <input type="text" class="form-control" name="zipcode"
                                                            id="zipcode" value="{{$srep->zipcode}}">
                                                    </div>

                                                    <div class="form-group w-20 text-center">
                                                        <label for="change_password">Change Passwrod</label>
                                                        <input type="checkbox" class="form-control mt-2"
                                                            name="change_password" id="change_password">
                                                    </div>
                                                    <div class="form-group w-40">
                                                        <label for="password">Assign Password</label>
                                                        <input type="password" class="form-control" name="password"
                                                            id="password" value="{{$srep->password}}"
                                                            placeholder="Enter New Password">
                                                    </div>
                                                    <div class="form-group w-40">
                                                        <label for="confirm_passward">Retype Password</label>
                                                        <input type="password" class="form-control"
                                                            name="confirm_password" id="confirm_password"
                                                            value="{{$srep->password}}"
                                                            placeholder="Retype New Password">
                                                    </div>

                                                    @if(Auth::user()->role_id==1)
                                                    <div class="form-group w-100">
                                                        <label for="status">Status</label>
                                                        <select class="form-control" data-live-search="true"
                                                            name="status" id="status" required>
                                                            <option value="1" {{$srep->status==1?"selected":""}}>Active
                                                            </option>
                                                            <option value="0" {{$srep->
                                                                status==0?"selected":""}}>Inactive</option>
                                                        </select>
                                                    </div>
                                                    @endif
                                                    <div class="form-group text-center" style="width: 100%;">
                                                        <button type="submit"
                                                            class="btn btn-submit btn-dark w-100">UPDATE <i
                                                                class="fas fa-arrow-right"></i></button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                    <div class="col-md-5">
                                        <div class="bp-list-wrapper">
                                            <div class="form-row px-2 py-2">
                                                <h3 class="bg-info text-white w-100 px-2">PERMISSIONS</h3>
                                            </div>
                                            <div class="acl-roles-accordion-container accordion-container-bulkmro mt-5">
                                                <div class="accordion" id="aclrolesaccordion">

                                                    <div class="card">
                                                        <div class="card-header" id="headingTwo">
                                                            <h6 class="mb-0 collapsed" data-toggle="collapse"
                                                                data-target="#collapseTwo" aria-expanded="false"
                                                                aria-controls="collapseTwo">
                                                                All Permissions
                                                            </h6>
                                                        </div>
                                                        <div id="collapseTwo" class="collapse"
                                                            aria-labelledby="headingTwo"
                                                            data-parent="#aclrolesaccordion">
                                                            <div class="card-body">
                                                                <div class="acl-list-options-cta">
                                                                    <div class="acl-list-options-cta">
                                                                        <a href="javascript:void(0)"
                                                                            class="btn btn-primary btn-xs expand-all menu-collapse-all">Collapse</a>
                                                                        <a href="javascript:void(0)"
                                                                            class="btn btn-primary  btn-xs collapse-all menu-expand-all">Expand</a>
                                                                        <a href="javascript:void(0)"
                                                                            class="btn btn-primary  btn-xs check-all menu-check-all"
                                                                            data-acl-role-id="{{$udata->role_id}}"
                                                                            data-user-id="{{$udata->id}}"
                                                                            data-op-type="addall">Check All</a>
                                                                        <a href="javascript:void(0)"
                                                                            class="btn btn-primary  btn-xs uncheck-all menu-uncheck-all"
                                                                            data-acl-role-id="{{$udata->role_id}}"
                                                                            data-user-id="{{$udata->id}}"
                                                                            data-op-type="removeall">Uncheck All</a>
                                                                        <a href="javascript:void(0)"
                                                                            class="btn btn-primary btn-xs set-default"
                                                                            data-acl-role-id="{{$udata->role_id}}"
                                                                            data-user-id="{{$udata->id}}"
                                                                            data-op-type="default">Set Default</a>
                                                                    </div>
                                                                </div>
                                                                <div class="mt-4">
                                                                    @php
                                                                    $role="role_".$udata->role_id;
                                                                    @endphp
                                                                    @foreach($aclrsrc as $allrsrc)
                                                                    <ul class="tree nested1">
                                                                        <li class="has">
                                                                            @php
                                                                            $basicacl=App\Models\BasicAcl::where("role_0",
                                                                            true)->where('status',true)->where("model_name",$allrsrc->model_name)->first();
                                                                            $chkacl=false;
                                                                            if($basicacl){
                                                                            if (in_array($basicacl->id,
                                                                            $udata->acl_resource)) {
                                                                            $chkacl=true;
                                                                            } else {
                                                                            $chkacl=false;
                                                                            }
                                                                            }
                                                                            @endphp
                                                                            <input class="aclroleresource"
                                                                                type="checkbox"
                                                                                id="{{'rsrc'.$allrsrc->model_name}}"
                                                                                @if($chkacl) checked @endif
                                                                                data-acl-role-id="{{$udata->role_id}}"
                                                                                data-model-name="{{$allrsrc->model_name}}"
                                                                                data-user-id="{{$udata->id}}"
                                                                                data-op-type="multiple" />
                                                                            <label><b>{{$allrsrc->model_name}}</b></label>
                                                                            @php
                                                                            $children=App\Models\BasicAcl::where("role_0",
                                                                            true)->where('status',true)->where("model_name",$allrsrc->model_name)->orderBy("action_name","asc")->get();
                                                                            @endphp
                                                                            <ul class="nested2">
                                                                                @if($children)
                                                                                @foreach($children as $rsrcchild)
                                                                                @php
                                                                                $chkrsrc=false;
                                                                                if($rsrcchild){
                                                                                if (in_array($rsrcchild->id,
                                                                                $udata->acl_resource)) {
                                                                                $chkrsrc=true;
                                                                                } else {
                                                                                $chkrsrc=false;
                                                                                }
                                                                                }
                                                                                @endphp
                                                                                <li class="">
                                                                                    <input class="aclroleresource"
                                                                                        type="checkbox" @if($chkrsrc)
                                                                                        checked @endif
                                                                                        data-acl-role-id="{{$udata->role_id}}"
                                                                                        data-model-name="{{$allrsrc->model_name}}"
                                                                                        data-acl-resource-id="{{$rsrcchild->id}}"
                                                                                        data-user-id="{{$udata->id}}"
                                                                                        data-op-type="single" />
                                                                                    <label>{{$rsrcchild->action_name}}</label>
                                                                                </li>
                                                                                @endforeach
                                                                                @endif
                                                                            </ul>
                                                                        </li>
                                                                    </ul>
                                                                    @endforeach
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @include('admin.footer')
        </div>
    </div>
    @stop
    @section('jsscript')
    @include('layouts.jsscript')

    <script>

        $(document).ready(function () {
            // Add click event listener to the"is_zone_head" checkbox
            $("#is_zone_head").on("click", function () {
                // Update the checked status of"is_region_head" based on"is_zone_head"
                $("#is_region_head").prop("checked", $(this).prop("checked"));
            });
            $("#change_password").change(function () {
                if ($(this).is(":checked")) {
                    $("#password").val("");
                    $("#confirm_password").val("");
                } else {
                    location.reload();
                }
            });
            $('.collapsed').click();
        });

        $('.set-default').on('click', function () {
            $("#document_loader").css("display", "block");
            var aclResourceId = 0;
            var modelName = 0;
            var aclRoleId = $(this).data('aclRoleId');
            var userId = $(this).data('userId');
            var opType = $(this).data('opType');
            // console.log(aclRoleId);
            // console.log(userId);
            // console.log(opType);
            addAclResource(modelName, aclRoleId, aclResourceId, userId, opType);
        });

        $('.check-all').on('click', function () {
            $("#document_loader").css("display", "block");
            var aclResourceId = 0;
            var modelName = 0;
            var aclRoleId = $(this).data('aclRoleId');
            var userId = $(this).data('userId');
            var opType = $(this).data('opType');
            // console.log(aclRoleId);
            // console.log(userId);
            // console.log(opType);
            addAclResource(modelName, aclRoleId, aclResourceId, userId, opType);
        });

        $('.uncheck-all').on('click', function () {
            $("#document_loader").css("display", "block");
            var aclResourceId = 0;
            var modelName = 0;
            var aclRoleId = $(this).data('aclRoleId');
            var userId = $(this).data('userId');
            var opType = $(this).data('opType');
            // console.log(aclRoleId);
            // console.log(userId);
            // console.log(opType);
            removeAclResource(modelName, aclRoleId, aclResourceId, userId, opType);

        });

        $('.aclroleresource').on('change', function () {
            $("#document_loader").css("display", "block");
            var isChecked = $(this).is(':checked');
            var aclResourceId = 0;
            if ($(this).data('aclResourceId')) {
                var aclResourceId = $(this).data('aclResourceId');
            }
            var modelName = $(this).data('modelName');
            var aclRoleId = $(this).data('aclRoleId');
            var userId = $(this).data('userId');
            var opType = $(this).data('opType');
            if (isChecked) {
                addAclResource(modelName, aclRoleId, aclResourceId, userId, opType);
            } else {
                removeAclResource(modelName, aclRoleId, aclResourceId, userId, opType);
            }
        });


        function addAclResource(modelName, aclRoleId, aclResourceId, userId, opType) {
            var csrfToken = '{{ csrf_token() }}';
            $.ajax({
                url: "{{route('add-acl-resource')}}",
                type: 'POST',
                data: {
                    "_token": csrfToken,
                    model_name: modelName,
                    role_id: aclRoleId,
                    user_id: userId,
                    op_type: opType,
                    acl_resource_id: aclResourceId,
                },
                success: function (response) {
                    console.log(response);
                    if (response.msg) {
                        window.location.reload();
                    }
                    $("#document_loader").css("display", "none");
                },
                error: function (xhr, status, error) {
                    console.error(error);
                    $("#document_loader").css("display", "none");
                }
            });
        }

        function removeAclResource(modelName, aclRoleId, aclResourceId, userId, opType) {
            var csrfToken = '{{ csrf_token() }}';
            $.ajax({
                url: "{{route('remove-acl-resource')}}",
                type: 'POST',
                data: {
                    "_token": csrfToken,
                    model_name: modelName,
                    role_id: aclRoleId,
                    user_id: userId,
                    op_type: opType,
                    acl_resource_id: aclResourceId,
                },
                success: function (response) {
                    console.log(response);
                    $("#document_loader").css("display", "none");
                },
                error: function (xhr, status, error) {
                    console.error(error);
                    $("#document_loader").css("display", "none");
                }
            });
        }

    </script>
    @stop