@include('includes/header')

<!-- /////////////////////////////////// MAIN CONTENT /////////////////////////////////////////-->

@include('includes/sidebar')

<div class="app-content content">

    <div class="content-wrapper">

        <div class="content-header row">

            <div class="content-header-left col-md-6 col-12 mb-2 d-flex justify-content-left align-items-center">
                <a class="btn btn-secondary" href="javascript: history.go(-1)"><i class="fa fa-arrow-left"></i> </a>&nbsp;&nbsp;
                <h1 class="content-header-title mb-0">Update Employee</h1>
            </div>
        </div>

        <div class="content-body">

            <section class="inputmask bg-light p-2" id="inputmask">
                <div class="row">
                    @if (\Session::has('success'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            <strong>{!! \Session::get('success') !!}</strong>
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    @if($errors->any())
                        @foreach($errors->all() as $err)
                            <div class="alert alert-success alert-dismissible fade show" role="alert">                                
                                <strong> {{ $err }} </strong>                                
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>  
                        @endforeach                  
                    @endif
                    <div class="col-12 p-2">

                        <div class="message"></div>
                        <form action="{{route('edit.employee')}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="id" value="{{$data->id}}">
                            <input type="hidden" name="page" value="{{ request()->get('page', 1) }}">

                            <div class="card rounded">
                                <div class="card-header border-bottom bg-primary text-white">
                                    <h4 class="card-title text-white">Login Details</h4>
                                    <a class="heading-elements-toggle"><i
                                            class="fa fa-ellipsis-v font-medium-3"></i></a>
                                    <div class="heading-elements">
                                        <ul class="list-inline mb-0">
                                            <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="card-content collapse show">
                                    <div class="card-body">
                                        <div class="form-body">
                                            <div class="row">
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Username</label></strong>
                                                        <input type="text" class="form-control" id="username" name="username" value='{{$data->UserName}}' disabled>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Phone Number*</label></strong>
                                                        <input type="text" class="form-control" id="phone" name="phone" value="{{$data->PhoneNumber}}" required>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Email*</label></strong>
                                                        <input type="text" class="form-control" id="email" name="email" value="{{$data->email}}" required>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card rounded">
                                <div class="card-header border-bottom bg-primary text-white">
                                    <h4 class="card-title text-white">Personal Details</h4>
                                    <a class="heading-elements-toggle"><i
                                            class="fa fa-ellipsis-v font-medium-3"></i></a>
                                    <div class="heading-elements">
                                        <ul class="list-inline mb-0">
                                            <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="card-content collapse show">
                                    <div class="card-body">
                                        <div class="form-body">
                                            <div class="row">
                                                <div class="col-md-12 d-flex row mb-1 ml-1">
                                                    <div class="card-profile-image">
                                                        @if($data->ImgUrl)
                                                            <img src="{{asset('images/'.$data->ImgUrl)}}" class="rounded-circle img-border box-shadow-1" alt="Card image" width="100" height="100" style="object-fit: cover; object-position: top;">
                                                        @else
                                                        <img src="{{$data->Gender==1?asset('app-assets/images/portrait/small/avatar-s-5.png'):asset('app-assets/images/portrait/small/avatar-s-4.png')}}" class="rounded-circle img-border box-shadow-1" alt="Card image" width="100">
                                                            {{-- <img src="{{asset('app-assets/images/portrait/small/avatar-s-4.png')}}" class="rounded-circle img-border box-shadow-1')" class="rounded-circle img-border box-shadow-1" alt="Card image" width="100"> --}}
                                                        @endif
                                                    </div>
                                                    <div class="col-md-3">
                                                        <div class="form-group">
                                                            <strong><label>Profile Picture</label></strong>
                                                            <input type="file" class="form-control" name="profilepic">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>First Name*</label></strong>
                                                        <input type="text" class="form-control" id="firstname" name="firstname" value="{{$data->FirstName}}" required>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Last Name*</label></strong>
                                                        <input type="text" class="form-control" id="lastname" name="lastname" value="{{$data->LastName}}" required>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Gender*</label></strong>
                                                        <div class="form-group">
                                                            <select class="form-control" name="gender" id="gender">
                                                                <option value="1" @if($data->Gender == '1') selected @endif >Male</option>                                                            
                                                                <option value="0" @if($data->Gender == '0') selected @endif>Female</option>                                                       
                                                                </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Date of Birth*</label></strong>
                                                        <input type="date" class="form-control" id="dob" name="dob" value="{{date('Y-m-d',strtotime($data->Dob))}}" required>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Unique Id (Ex. Aadhar, SSN)</label></strong>
                                                        <input type="text" class="form-control" id="uniquid" name="uniqueid" value="{{$data->UniqueId}}">
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Alternate Number</label></strong>
                                                        <input type="text" class="form-control" id="altnumber" name="altnumber" value="{{$data->AlternatePhoneNumber}}">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <strong><label>Address</label></strong>
                                                        <input type="text" class="form-control" id="address" name="address" value="{{$data->Address}}">
                                                    </div>
                                                </div>
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card rounded">
                                <div class="card-header border-bottom bg-primary text-white">
                                    <h4 class="card-title text-white">Work Details</h4>
                                    <a class="heading-elements-toggle"><i
                                            class="fa fa-ellipsis-v font-medium-3"></i></a>
                                    <div class="heading-elements">
                                        <ul class="list-inline mb-0">
                                            <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="card-content collapse show">
                                    <div class="card-body">
                                        <div class="form-body">
                                            <div class="row">
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Reporting Manager</label></strong>
                                                        <div class="form-group">
                                                            <select class="form-control" id="repmanager" name="repmanager">
                                                                @foreach($managers as $man)
                                                                    <option value="{{$man['id']}}" @if( $man['id'] == $data->ManagerId ) selected @endif >{{$man['FirstName']}} {{$man['LastName']}}  </option>                    
                                                                @endforeach                                        
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Schedule</label></strong>
                                                        <div class="form-group">
                                                            <select class="form-control" name="schedule" id="schedule">
                                                                @foreach($shedules as $sch)
                                                                    <option value="{{$sch['id']}}"  @if( $sch['id'] ==  $data->ScheduleId) selected @endif>{{$sch['title']}}</option>          
                                                                @endforeach                                                   
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Team</label></strong>
                                                        <div class="form-group">

                                                            <select class="form-control" name="team" {{ Auth::user()->role != 1 ? 'disabled' : '' }}>
                                                                @foreach($teams as $team)
                                                                    <option value="{{$team['id']}}" {{ ($team['id'] == $data->TeamId) ? 'selected' : '' }}>
                                                                        {{$team['Name']}}
                                                                    </option>  
                                                                @endforeach                                                          
                                                            </select>  
                                                        

                                                            {{-- <select class="form-control" name="team" id="team">
                                                                @foreach($teams as $team)
                                                                    <option value="{{$team['id']}}" @if( $team['id'] == $data->TeamId ) selected @endif>{{$team['Name']}}</option>
                                                                @endforeach                                                    
                                                            </select> --}}
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Date of Joining*</label></strong>
                                                        <input type="date" class="form-control" id="doj" name="doj" value="{{date('Y-m-d',strtotime($data->DateOfJoining))}}" required>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Base Salary Per Month*</label></strong>
                                                        <input type="text" class="form-control" id="basesalary" name="basesalary" value="{{$data->BaseSalary}}" required>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Designation*</label></strong>
                                                        <input type="text" class="form-control" id="designation" name="designation" value="{{$data->Designation}}" required>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Primary Sales Target</label></strong>
                                                        <input type="text" class="form-control" id="prisales" name="prisales" value="{{$data->PrimarySalesTarget}}">
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Secondary Sales Target</label></strong>
                                                        <input type="text" class="form-control" id="secsales" name="secsales" value="{{$data->SecondarySalesTarget}}">
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Available Leave Count*</label></strong>
                                                        <input type="text" class="form-control" id="leavecount" name="leavecount" value="{{$data->AvailableLeaveCount}}" required>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card rounded">
                                <div class="card-header border-bottom bg-primary text-white">
                                    <h4 class="card-title text-white">Update Password</h4>
                                    <a class="heading-elements-toggle"><i
                                            class="fa fa-ellipsis-v font-medium-3"></i></a>
                                    <div class="heading-elements">
                                        <ul class="list-inline mb-0">
                                            <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="card-content collapse show">
                                    <div class="card-body">
                                        <div class="form-body">
                                            <div class="row">
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>New Password</label></strong>
                                                        <input type="password" class="form-control" id="password" name="password" >
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Confirm Password</label></strong>
                                                        <input type="password" class="form-control" id="cpassword" name="cpassword">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="form-actions left">
                                <button type="submit" class="btn btn-primary" onclick="updateEmployee()">
                                    <i class="fa fa-check-square-o"></i> Save Changes
                                </button>
                            </div>
                        </form>
                    </div>
                </div>

            </section>

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

<!-- /////////////////////////////////// MAIN CONTENT /////////////////////////////////////////-->

<script>
    var base_url = "{{env('BASE_URL')}}";
    function updateEmployee(){

        console.log('clicked');

        var emp_id =  $('#emp_id').val();
        var phone = $('#phone').val();
        var email = $('#email').val();
        var fname = $('#firstname').val();
        var lname = $('#lastname').val();
        var gender = $('#gender').val();
        var dob = $('#dob').val();
        var uniqueId = $('#uniquid').val();
        var altnumber = $('#altnumber').val();
        var address = $('#address').val();
        var profilepic = $('#profilepic').val();
        var manager = $('#repmanager').val();
        var schedule = $('#schedule').val();
        var team = $('#team').val();
        var doj = $('#doj').val();
        var basesalary = $('#basesalary').val();
        var designation = $('#designation').val();
        var prisales = $('#prisales').val();
        var secsales = $('#secsales').val();
        var leavecount = $('#leavecount').val();
        console.log('clickedfghdfgh');

        $.ajax({
            url : base_url+'editEmployee',
            type : 'POST',
            dataType : 'json',
            data : {
                id : emp_id,
                phone : phone,
                email : email,
                firstname : fname,
                lastname : lname,
                gender : gender,
                dob : dob,
                uniqueid : uniqueId,
                altnumber : altnumber,
                address : address,
                profilepic : profilepic,
                repmanager : manager,
                schedule : schedule,
                team : team,
                doj : doj,
                basesalary : basesalary,
                designation : designation,
                prisales : prisales,
                secsales : secsales,
                leavecount : leavecount,
                _token : '{{ csrf_token() }}'
            },
            success:function(result){
                console.log('sdfgdzfg');
                console.log(result)
                if(result.status){
                    $('.message').append("<div class='alert alert-success alert-dismissible fade show' role='alert'> <strong> "+result.message+" </strong> <button type='button' class='close' data-dismiss='alert' aria-label='Close'><span aria-hidden='true'>&times;</span></button> </div> ");
                }else{
                    $('.message').append("<div class='alert alert-warning alert-dismissible fade show' role='alert'> <strong> Something went Wrong </strong> <button type='button' class='close' data-dismiss='alert' aria-label='Close'><span aria-hidden='true'>&times;</span></button> </div> ");
                }
            } 
        });

    }
</script>

@include('includes/footer')