@extends('layouts.admin')

@section('title') Edit User @endsection

@section('page_title') Edit User @endsection

@section('content')

@push('page_style')
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css">
@endpush
 
<!-- Basic multiple Column Form section start -->
    <section id="multiple-column-form">
    <div class="row breadcrumbs-top">
                <div class="col-12">
                    <div class="user_nav">
                      
                        @if($userObject->role == getIdFromSlug('manager') && auth()->user()->isSubAdministrator())
                       

                        <div class="breadcrumb-wrapper">
                            <h5>Edit Account Manager</h5>
                                    <ol class="breadcrumb">
                                        <li class="breadcrumb-item"><a href="{{ url('account',encrypt(getIdFromSlug('manager'))) }}">Account Managers</a></li>
                                        <li class="breadcrumb-item"><a class="active" href="#">Edit Account Manager</a></li>
                                    </ol>
                            </div>
                  
                        @elseif ($userObject->role == getIdFromSlug('accountant') && auth()->user()->isSubAdministrator())
                        
                        <div class="breadcrumb-wrapper">
                            <h5>Edit Accountant</h5>
                                    <ol class="breadcrumb">
                                        <li class="breadcrumb-item"><a href="{{url('account',encrypt(getIdFromSlug('accountant'))) }}">Accountants</a></li>
                                        <li class="breadcrumb-item"><a class="active" href="#">Edit New Accountant</a></li>
                                    </ol>
                            </div>

                        @elseif ($userObject->role == getIdFromSlug('moderator') && auth()->user()->isSubAdministrator())

                        <div class="breadcrumb-wrapper">
                            <h5>EditModerator</h5>
                                    <ol class="breadcrumb">
                                        <li class="breadcrumb-item"><a href="{{ url('account',encrypt(getIdFromSlug('moderator'))) }}">Moderators</a></li>
                                        <li class="breadcrumb-item"><a class="active" href="#">Edit Moderator</a></li>
                                    </ol>
                            </div>
                        @else
                        <div class="breadcrumb-wrapper">
                            <h5>Edit Sub Admin </h5>
                                    <ol class="breadcrumb">
                                        <li class="breadcrumb-item"><a href="{{url('users')}}">Sub Admins</a></li>
                                        <li class="breadcrumb-item"><a class="active" href="#">Edit Sub Admin</a></li>
                                    </ol>
                            </div>
                       
                        @endif
                    </div>
                </div>     
            </div>
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <form method="POST" action="{{ route('users.update', $userObject->id) }}">
                        <div class="card-body">
                            @csrf
                            @method('put')
                            <div class="row">
                                <div class="col-md-6 col-12">
                                    <div class="form-group">
                                        <label class="form-label" for="first_name">First Name <span class="text-danger asteric-sign">&#42;</span></label>
                                        <input id="first_name" type="text" class="form-control {{ $errors->has('first_name') ? ' is-invalid' : '' }}" name="first_name" value="{{ old('first_name', $userObject->first_name) }}" placeholder="First Name">
                                        @if ($errors->has('first_name'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $errors->first('first_name') }}</strong>
                                            </span>
                                        @endif
                                        
                                    </div>
                                </div>

                                <div class="col-md-6 col-12">
                                    <div class="form-group">
                                        <label class="form-label" for="last_name">Last Name <span class="text-danger asteric-sign">&#42;</span></label>
                                        <input id="last_name" type="text" class="form-control {{ $errors->has('last_name') ? ' is-invalid' : '' }}" name="last_name" value="{{ old('last_name', $userObject->last_name) }}" placeholder="Last Name">
                                        @if ($errors->has('last_name'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $errors->first('last_name') }}</strong>
                                            </span>
                                        @endif
                                        
                                    </div>
                                </div>
                                @if (auth()->user()->isAdmin())
                                <div class="col-md-6 col-12">
                                    <div class="form-group">
                                        <label class="form-label" for="role">Role <span class="text-danger asteric-sign">&#42;</span></label>
                                        <select class="form-control {{ $errors->has('role') ? ' is-invalid' : '' }}" id="role" name="role">
                                            <option value="" {{ old('role', $userObject->role) == "" ? "selected" : "" }}>Select Role</option>
                                            @foreach(getAllRoles() as $key => $roleObj)
                                            @if(!isSuperAdmin() && ( ($roleObj->slug == 'admin') || ($roleObj->slug == 'user')))
                                            @continue;
                                        @endif
                                                <option value="{{$roleObj->id}}" {{ old('role', $userObject->role) == $roleObj->id ? "selected" : "" }}>{{$roleObj->title}}</option>
                                            @endforeach
                                        </select>
                                        @if ($errors->has('role'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $errors->first('role') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                                <input type="hidden" name="redirect_url" value="{{ route('users.index') }}">
                                
                                @else
                                <input type="hidden" name="redirect_url" value="{{url('account',encrypt($userObject->role)) }}">
                                
                                @endif
                             
                                

                                <div class="col-md-6 col-12">
                                    <div class="form-group">
                                        <label class="form-label" for="email">Email <span class="text-danger asteric-sign">&#42;</span></label>
                                        <input id="email" type="text" disabled="" class="form-control {{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" value="{{ old('email', $userObject->email) }}" placeholder="Enter Email or User Name" autocomplete="off">
                                        @if ($errors->has('email'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $errors->first('email') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="{{auth()->user()->isAdmin() ? 'col-md-12' : 'col-md-6'}} col-12">
                                    <div class="form-group">
                                        <label class="form-label" for="phone_number">Phone Number <span class="text-danger asteric-sign">&#42;</span></label><br>
                                        <input type="hidden" name="phone_code" id="phone_code" value="{{ old('phone_code', $userObject->phone_code) }}"/>
                                        <input type="hidden" name="iso_code" id="iso_code" value="{{ old('iso_code', $userObject->iso_code) }}"/>

                                        <input id="phone_number" type="text" class="form-control {{ $errors->has('phone_number') || $errors->has('phone_code') || $errors->has('iso_code') ? ' is-invalid' : '' }}" name="phone_number" value="{{ old('phone_number', $userObject->phone_number) }}">
                                        @if ($errors->has('phone_number'))
                                            <span class="invalid-feedback d-block" role="alert">
                                                <strong>{{ $errors->first('phone_number') }}</strong>
                                            </span>
                                        @elseif($errors->has('phone_code'))
                                            <span class="invalid-feedback d-block" role="alert">
                                                <strong>{{ $errors->first('phone_code') }}</strong>
                                            </span>
                                        @elseif($errors->has('iso_code'))
                                            <span class="invalid-feedback d-block" role="alert">
                                                <strong>{{ $errors->first('iso_code') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>

                            </div>
                            <div class="card-footerr">
                            <button type="Submit" class="btn btn-commom me-1">Update</button>
                        </div>
                        </div>
                        
                    </form>
                </div>
            </div>
        </div>
    </section>
<!-- Basic Floating Label Form section end -->

@push('page_script')

    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>

    <script>

        var isoCode = ($("#iso_code").val()) ? ($("#iso_code").val()) : ('US');
        var isoCode2 = ($("#iso_code_2").val()) ? ($("#iso_code_2").val()) : ('US');
        //  phone 1 input
        var phoneInput = document.querySelector("#phone_number");
        var phoneInstance = window.intlTelInput(phoneInput, {
            autoPlaceholder: "off",
            separateDialCode: true,
            initialCountry: isoCode
            // utilsScript: '{{URL::asset("frontend/build/js/utils.js")}}',
        });


        $("#phone_code").val(phoneInstance.getSelectedCountryData().dialCode);
        $("#iso_code").val(phoneInstance.getSelectedCountryData().iso2);
        phoneInput.addEventListener("countrychange",function() {
            $("#phone_code").val(phoneInstance.getSelectedCountryData().dialCode);
            $("#iso_code").val(phoneInstance.getSelectedCountryData().iso2);
        });
        
    </script>
@endpush

@endsection