@if(!empty($user) && $user == 'screen_owner')
<form method="POST" id="add_user_form" class="add_user_form" action="{{ !empty($edit) ? route('admin.screenowners.update', $edit->id) : '' }}">
@elseif(!empty($user) && $user =='venue_owner')
<form method="POST" id="add_user_form" class="add_user_form" action="{{ !empty($edit) ? route('admin.venueowners.update', $edit->id) : '' }}">
@else    
<form method="POST" id="add_user_form" class="add_user_form" action="{{ !empty($edit) ? route('admin.users.update', $edit->id) : route('admin.users.store') }}">
@endif
    @csrf
    @if(isset($edit))
    @method('PUT')
    @endif
    <div class="modal-header">
        <button type="button" class="close close_popup" data-dismiss="modal">×</button>
        <h3 class="pop_heading">{{ !empty($edit) ? 'Edit '.$edit->display_name : 'ADD NEW USER' }}</h3>
    </div>
    <div class="modal-body">
        <div class="body_wrap">
            <div class="row">
                <!--LEFT SIDE-->
                <div class="col-md-4 left_side_task p_0">
                    <div class="rows_wrap">
                        <div class="sidebar_list">
                            <div class="display_pic">
                                <a class="overlay btn-image-upload" data-toggle="modal" href="#modal_image_uplaod"
                                    data-modal-name="Customer Profile Images"
                                    data-modal-field="customer_profile_pic_path">
                                    <i class="fa fa-camera"></i>
                                </a>
                                @if(!empty($edit))
                                    <img class="display_picture" src="{{($edit->thumbnail && file_exists('uploads/user/thumbnail/' . $edit->thumbnail)) ? asset('uploads/user/thumbnail/'.$edit->thumbnail) : asset('images/avatar2.png') }}" />
                                
                                @else
                                    <img class="display_picture" src="{{ asset('images/avatar2.png') }}">
                                @endif
                               
                            </div>

                            <span class="each_option basic_info active_option" id_attr="basic_info">Basic
                                information</span>

                        </div>
                    </div>
                </div>
                <!--LEFT SIDE-->
                <!--RIGHT SIDE-->
                <div class="col-md-8 pl_pr_0 right_side_task update_staff_data ">
                    <div id="basic_info">
                        <span class="main_label">Basic Information</span>
                        <div class="rows_wrap">
                            @if(empty($edit))
                            <div class="row m_0">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="title">User Type *</label>
                                        <select
                                            class="form-control select2 title filter validate select2-hidden-accessible"
                                            name="user_type" id="user_type" tabindex="-1" aria-hidden="true">
                                            <option value=""></option>
                                            @foreach ($user_types as $key => $user_type)
                                            <option value="{{ $key }}">{{ $user_type }}</option>
                                            @endforeach

                                        </select>
                                    </div>
                                </div>
                            </div>
                            @endif
                            {{-- <div class="row m_0">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="title">Title *</label>
                                        <select
                                            class="form-control select2 title filter validate select2-hidden-accessible"
                                            name="title" id="title" tabindex="-1" aria-hidden="true">
                                            <option value=""></option>
                                            @foreach ($user_title as $key => $user_title)
                                            <option {{ (!empty($edit) && $edit->title == $user_title) ? 'selected' : '' }} value="{{ $user_title }}">{{ $user_title }}</option>
                                            @endforeach

                                        </select>
                                    </div>
                                </div>
                            </div> --}}
                            <div class="row m_0">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="firstname">Name *</label>
                                        <input class="form-control name validate" id="name" type="text"
                                            name="name" value="{{ !empty($edit) ? $edit->display_name : '' }}" autocomplete="off">
                                            <p class="text-danger name hidden" style="position:relative;height: 30px;margin-bottom:10px;"></p>
                                    </div>
                                </div>
                            </div>
                            {{-- <div class="row m_0">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="lastname">Last name *</label>
                                        <input class="form-control last_name validate" id="last_name" type="text"
                                            name="last_name" value="{{ !empty($edit) ? $edit->lastname : '' }}" autocomplete="off">
                                            <p class="text-danger last_name hidden" style="position:relative;height: 30px;margin-bottom:10px;"></p>
                                    </div>
                                </div>
                            </div> --}}

                            <div class="row m_0">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="address">Address *</label>
                                        <input class="form-control address validate" id="address" type="text"
                                            name="address" value="{{ !empty($edit) ? $edit->address : '' }}" autocomplete="off">
                                            <p class="text-danger address hidden" style="position:relative;height: 30px;margin-bottom:10px;"></p>
                                    </div>
                                </div>
                            </div>

                            <div class="row m_0">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="email">Email *</label>
                                        <input name="email" class="form-control validate email" type="text" value="{{ !empty($edit) ? $edit->email : '' }}">
                                        <p class="text-danger email hidden" style="position:relative;height: 30px;margin-bottom:10px;"></p>
                                    </div>
                                </div>
                            </div>
                            @if(empty($edit))
                            <div class="row m_0">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="password">Password *</label>
                                        <input name="password" class="form-control validate password" type="password"
                                            value="">
                                            <p class="text-danger password hidden" style="position:relative;height: 30px;margin-bottom:10px;"></p>
                                    </div>
                                </div>
                            </div>
                            @endif

                            <div class="row m_0">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="mobile">Mobile *</label>
                                        <div class="row">
                                            <div class="col-md-2">
                                                <input id="code" name="code" type="tel" value="+966" class="form-control" readonly>
                                            </div>
                                            @php($phone = !empty($edit->work_phone) ? $edit->work_phone : null)
                                            @php($phone = !empty($phone) ? str_replace('+966', '', $phone) : null)
                                            <div class="col-md-10">
                                                <input id="int_phone" name="mobile" type="text" maxlength="10" onkeypress="return isNumberKey(event)"
                                                class="form-control just_number mobile validate phone" value="{{ !empty($phone) ? $phone : '' }}">
                                                <p class="text-danger mobile hidden" style="position:relative;height: 30px;margin-bottom:10px;"></p>
                                            </div>

                                        </div>
                                        
                                        
                                        <!-- <input id="mobile" name="mobile" class="form-control just_number mobile validate phone" type="text" value=""> -->
                                    </div>
                                </div>
                            </div>


                        </div>
                    </div>
                </div>
                <!--RIGHT SIDE-->
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <div class="row" style="">
            <div class="col-sm-6">
                <div class="alert_box">There are errors on page</div>
            </div>
            <div class="col-sm-6">
                <button type="button" class="btn dismiss" data-dismiss="modal">Cancel</button>
                <button type="submit" class="btn theme_btn_round save_user" data-save="1"> {{ !empty($edit) ? 'Update' : 'Save' }} </button>
            </div>
        </div>
    </div>
</form>
<script type="text/javascript">
    function isNumberKey(evt)
    {
        console.log(evt.which)
        console.log(event.keyCode)
       var charCode = (evt.which) ? evt.which : event.keyCode
       if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode == '+')
          return false;
    
       return true;
    }
    </script>