@extends('crudbooster::admin_template')
{{-- @push('top') --}}
{{-- @endpush --}}

@push('bottom')
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
<style>
    .gender{
        margin: 2% 1% !important;
    }
    .panel-heading span {
        font-weight: 600;
        border-bottom: 2px solid #09b0c5;
        padding: 0;
        margin-bottom: 8px;
    }

    .btn.active.focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn:active:focus,
    .btn:focus {
        outline: none;
        outline-offset: none;
    }
</style>

<script type="text/javascript">
    function generatePassword() {
            var length = 8,
                charset = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789",
                retVal = "";
            for (var i = 0, n = charset.length; i < length; ++i) {
                retVal += charset.charAt(Math.floor(Math.random() * n));
            }
            $("#password").val(retVal);
        }
</script>
@endpush

@section('content')

<div class='panel panel-default efit-add-product'>
    <div class='panel-heading eap-box'>Edit User Information</div>

    <div class='panel-body'>
        <form method='post' class="editUser" action='{{CRUDBooster::mainpath('edit/').$user->id}}' enctype="multipart/form-data">
            @csrf
            <div class="personal-information-section panel panel-default">
                <div class='panel-heading'><span><i class="fa fa-user text-normal">&nbsp;</i>Personal Information</span></div>
                <div class="panel-body">
                    {{-- user type select box --}}
                    <div class="form-group col-sm-6">
                        <label>User Type<span class="text-danger" title="This field is required">*</span></label>
            
                        <select class="form-control" name="user_type_select" id="user_type_select">
                            <option value="1" {{$user->select_user_view == "1" ? "selected" : ""}}>Person</option>
                            <option value="2" {{$user->select_user_view == "2" ? "selected" : ""}}>Company</option>
                            <option value="3" {{$user->select_user_view == "3" ? "selected" : ""}}>Animal</option>
                            <option value="4" {{$user->select_user_view == "4" ? "selected" : ""}}>House</option>
                            <option value="5" {{$user->select_user_view == "5" ? "selected" : ""}}>Thing</option>
                        </select>
                    </div>
                    
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label id="first_name_label" class="control-label">
                                <span>First Name</span>
                                <span class="text-danger" title="This field is required">*</span>
                            </label>
                            <input type="text" class="form-control" name="first_name" value="{{$user->first_name == '' ? old('first_name') : $user->first_name }}">
                            <div class="text-danger">
                                {{$errors->has("first_name") ? $errors->first("first_name"):""}}
                            </div>
                        </div>
                    </div>

                    <div class="form-group col-sm-6">
                        <div class="form-group">
                            <label id="last_name_label" class="control-label">
                                <span>Last Name</span>
                                <span class="text-danger" title="This field is required">*</span>
                            </label>
                            <input type="text" class="form-control" name="last_name" value="{{$user->last_name == '' ? old('last_name') : $user->last_name }}">
                            <div class="text-danger">
                                {{$errors->has("last_name") ? $errors->first("last_name"):""}}
                            </div>
                        </div>
                    </div>

                    <div class="form-group col-sm-6">
                        <div class="form-group">
                            <label id="dob_label" class="control-label">
                                <span>Date Of Birth</span>
                                <span class="text-danger" title="This field is required">*</span>
                            </label>
                            <input type="date" class="form-control" name="gebdatum" value="{{ getEfitDateFormat($user->gebdatum) }}">
                            <div class="text-danger">
                                {{$errors->has("gebdatum") ? $errors->first("gebdatum"):""}}
                            </div>
                        </div>
                    </div>

                    <div class="form-group col-sm-6">
                        <div class="form-group">
                            <label id="pob_label" class="control-label">
                                <span>Place Of Birth</span>
                                <span class="text-danger" title="This field is required">*</span>
                            </label>
                            <input type="text" class="form-control" name="gebort" value="{{$user->gebort}}">
                            <div class="text-danger">
                                {{$errors->has("gebort") ? $errors->first("gebort"):""}}
                            </div>
                        </div>
                    </div>

                    <div class="form-group col-sm-6">
                        <label class="control-label">
                            <span>User Name</span>
                            <span class="text-danger" title="This field is required">*</span>
                        </label>
                        <input type="text" title="Enter a valid email " class="form-control" name="user_name" id="user_name"
                            value="{{$user->user_name}}">
                        <div class="text-danger">
                            <div class="text-danger">
                                {{$errors->has("user_name") ? $errors->first("user_name"):""}}
                            </div>
                        </div>
                        <p class="help-block"></p>
                    </div>

                    <div class="form-group col-sm-6">
                        <label class="control-label">
                            <span>Email</span>
                            {{-- <span class="text-danger" title="This field is required">*</span> --}}
                        </label>
                        <input type="email" title="Enter a valid email " class="form-control" name="email" id="email"
                            value="{{$user->email}}">
                        <div class="text-danger">
                            <div class="text-danger">
                                {{$errors->has("email") ? $errors->first("email"):""}}
                            </div>
                        </div>
                        <p class="help-block"></p>
                    </div>

                    <div class="form-group form-inline col-md-6">
                        <div class="form-group col-md-12">
                            <label class="control-label"> {{__('action.gender')}}<span class="text-danger" title="This field is required">*</span></label>
                            <input class="form-check-input gender" required type="radio" name="gender"  id="exampleRadios1" value="1" {{($user->gender== 1)?'checked':''}}>Male
                            <input class="form-check-input gender" required type="radio" name="gender"  id="exampleRadios2" {{($user->gender == 2)?'checked':''}} value="2"> Female
                            <input class="form-check-input gender" required {{ old('gender') == 'Other' ? 'selected' : '' }} type="radio" name="gender" {{($user->gender== 3)?'checked':''}}  id="exampleRadios2" value="3"> Other
                        </div>
                    </div>
                    {{-- <div class="form-group form-inline col-md-6">
                        <label class="control-label"> Max allow Staff</label>
                            <input type="text" class="form-control" name="max_staff" value="{{$user->useroption->max_staff}}">
                            <div class="text-danger">
                                {{$errors->has("max_staff") ? $errors->first("max_staff"):""}}
                            </div>
                    </div> --}}
                </div>
            </div>

            <div class="user-photo section panel panel-default">
                <div class='panel-heading'><span><i class="fa fa-image text-normal">&nbsp;</i>User Photo</span></div>
                <div class="panel-body">
                    <div class="col-sm-6 container">
                        <div class="form-group">
                            <div class="form-group">
                                <label class="control-label"> Photo </label>
                                <input type="file" class="form-control" name="photo">
                                <div class="text-danger">
                                    {{$errors->has("photo") ? $errors->first("photo"):""}}
                                </div>
                            </div>
                        </div>
                    </div>
                    @if ($user->photo != null)
                        <div class="col-sm-6 container">
                            <div class="form-group">
                                <div class="form-group">
                                    <label class="control-label"> Photo </label>
                                    <img src="{{ getEmbededImage('/profile/admin/'.$user->photo) }}" alt="" height="100" width="100">

                                </div>
                            </div>
                        </div>
                    @endif
                </div>
            </div>

            <div class="contact-section panel panel-default">
                <div class='panel-heading'><span><i class="fa fa-home text-normal">&nbsp;</i>Address & Contact Information</span></div>
                <div class="panel-body">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="control-label"> Address

                            </label>
                            <input type="text" class="form-control" name="address" value="{{$user->address}}">
                            <div class="text-danger">
                                {{$errors->has("address") ? $errors->first("address"):""}}
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="control-label"> Palce of recidance

                            </label>
                            <input type="text" class="form-control" name="village" value="{{$user->village}}">
                            <div class="text-danger">
                                {{$errors->has("street") ? $errors->first("street"):""}}
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="control-label"> Post Code

                            </label>
                            <input type="text" class="form-control" name="post_code" value="{{$user->post_code == '' ? old('post_code') : $user->post_code }}">
                            <div class="text-danger">
                                {{$errors->has("post_code") ? $errors->first("post_code"):""}}
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="control-label">Telephone Number </label>
                            <input type="text" class="form-control" name="telephone" id="telephone" value="{{$user->telephone}}">
                            <div class="text-danger"></div>
                            <p class="help-block"></p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="user-setting-section panel panel-default">
                <div class='panel-heading'><span><i class="fa fa-cog text-normal">&nbsp;</i>User Settings</span></div>
                <div class="panel-body">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="control-label"> E-Mail for Remote Treatment </label>
                            <input type="email" class="form-control" name="cron_email" id="cron_email" value="{{$user->cron_email}}">
                            <div class="text-danger"></div>
                            <p class="help-block"></p>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="form-group">
                            <div class="form-group">
                                <label class="control-label">language</label>
                                <select name="lang_code" class="form-control" id="">
                                    <option disabled selected> Select Country</option>
                                    @foreach ($languages as $lang )
                                    <option value="{{$lang->id}}" {{($lang->isSelected)? "selected" :""}}>
                                        {{$lang->name}}
                                    </option>
                                    @endforeach

                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <label for="" class="control-label">Online Status: &nbsp;</label>
                        <div class="form-group epa-check" id="form-group-user-status">
                            <input type="checkbox"  autocomplete="off" name="user_status" {{($user->user_status)? "checked" :""}} data-toggle="toggle" data-toggle="dropdown-menu" data-size="medium" data-on="Online" data-off="Offline" data-offstyle="danger">
                        </div>
                    </div>
                </div>
            </div>

            <div class="smtp-setting-section panel panel-default">
                <div class='panel-heading'><span><i class="fa fa-envelope-o text-normal">&nbsp;</i>SMTP Data if Therapist Remote Treatment</span></div>
                <div class="panel-body">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="control-label"> Sender E-Mail </label>
                            <input type="email" class="form-control" value="{{$user->smtp->smtp_email}}"
                                name="smtp_email">
                            <div class="text-danger"></div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="control-label"> Name </label>
                            <input type="text" class="form-control" name="smtp_user_name"
                                value="{{$user->smtp->smtp_user_name}}" id="smtp_user_name">
                            <div class="text-danger"></div>
                            <p class="help-block"></p>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="control-label"> Password </label>
                            <input type="possword" class="form-control" value="{{$user->smtp->smtp_password}}"
                                name="smtp_password">
                            <div class="text-danger"></div>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="control-label"> Smtp Port </label>
                            <input type="text" class="form-control" value="{{$user->smtp->smtp_port}}"
                                name="smtp_port" id="smtp_port">
                            <div class="text-danger"></div>
                            <p class="help-block"></p>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="control-label"> HOST </label>
                            <input type="text" class="form-control" value="{{$user->smtp->smtp_host}}"
                                name="smtp_host">
                            <div class="text-danger"></div>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="control-label"> SSL </label>
                            <input type="text" class="form-control" value="{{$user->smtp->smtp_ssl}}"
                                name="smtp_ssl" id="smtp_ssl">
                            <div class="text-danger"></div>
                            <p class="help-block"></p>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <label for="" class="control-label">Active: &nbsp;</label>
                        <div class="form-group epa-check" id="form-group-smtp-status">
                            <input type="checkbox" style="width:20px" autocomplete="off" name="status" {{($user->smtp->status ==true)? "checked":""}} data-toggle="toggle" data-toggle="dropdown-menu" data-size="medium" data-on="Active" data-off="Deactive" data-offstyle="danger">
                        </div>
                    </div>
                </div>

            </div>

            <div class='panel-footer'>
                <a href="{{ CRUDBooster::mainpath() }}" class="btn btn-default"><i class="fa fa-chevron-circle-left"></i>
                    Back</a>
                <input type='submit' class='btn btn-primary' value='Update changes' />
            </div>
        </form>

    </div>
</div>

@endsection


<script src="{{ asset('js/jquery-3.4.1.min.js') }}"></script>
<script>
   $(document).ready(function(){
        const selectedUserType = $("#user_type_select option:selected").val();
        changeUserTypeTitle(selectedUserType);

        $("#user_type_select").change(function () {
            const selectedUserType = $("#user_type_select option:selected").val();
            changeUserTypeTitle(selectedUserType);
        })

        function changeUserTypeTitle(selectedUserType) {
            switch (selectedUserType) {
            case "1":
                $("#first_name_label span").first().text("First Name");
                $("#last_name_label span").first().text("Last Name");
                $("#dob_label span").first().text("Birthday");
                $("#pob_label span").first().text("Place Of Birth");
                break;
            
            case "2":
                $("#first_name_label span").first().text("Company Type");
                $("#last_name_label span").first().text("Company Name");
                $("#dob_label span").first().text("Establishment Date");
                $("#pob_label span").first().text("Place of Foundation");
                break;

            case "3":
                $("#first_name_label span").first().text("Animal Type");
                $("#last_name_label span").first().text("Animal Name");
                $("#dob_label span").first().text("Birthday");
                $("#pob_label span").first().text("Village of Birth");
                break;

            case "4":
                $("#first_name_label span").first().text("House Type");
                $("#last_name_label span").first().text("House Name");
                $("#dob_label span").first().text("Construction date");
                $("#pob_label span").first().text("Location");
                break;

                case "5":
                    $("#first_name_label span").first().text("Object");
                    $("#first_name").attr("placeholder", "Enter Object");
                    $("#last_name_label span").first().text("Name");
                    $("#last_name").attr("placeholder", "Enter Name");
                    $("#dob_label span").first().text("Date Of Birth");
                    $("#pob_label span").first().text("Place Of Birth");
                    $("#user_location").attr("placeholder", "Enter birth place");
                    break;
            }
        }
   });
</script>