@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">View Employee</h1>
            </div>
        </div>

        <div class="content-body">

            <section class="inputmask bg-light" id="inputmask">
                <div class="row">

                    <div class="col-3 p-2">
                        
                        <div class="card employee" style="">
                            <div class="card-content">
                                <div class="card-header d-flex flex-column justify-content-center align-items-center">
                                    <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
                                        {{-- {{asset('app-assets/images/portrait/small/avatar-s-4.png')}} --}}
                                            <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">
                                        @endif
                                    </div>

                                    <div class="card-body d-flex flex-column justify-content-center align-items-center">
                                        <h4 class="card-title">{{$data->FirstName}} {{$data->LastName}} </h4>
                                        <p class="card-text">{{$data->Designation}}</p>
                                    </div>
                                </div>

                                <ul class="list-group list-group-flush">
                                    <li class="list-group-item">
                                        <span class="float-right text-primary">Rs. {{$data->PrimarySalesTarget}}</span>
                                        <strong>Primary sales target</strong>
                                    </li>
                                    <li class="list-group-item">
                                        <span class="float-right text-primary">Rs. {{$data->SecondarySalesTarget}}</span>
                                        <strong>Seconday sales target</strong>
                                    </li>
                                    <li class="list-group-item">
                                        <span class="float-right text-primary">{{$data->AvailableLeaveCount}} Days</span>
                                        <strong>Available leave count</strong>
                                    </li>
                                    <li class="list-group-item">
                                        @if ($data->AvailableLeaveCount>0)
                                           
                                       <span class="float-right text-primary">{{ max(0, $data->AvailableLeaveCount - $leaveCount) }} Days</span>
                                        <strong>Remaining leave count</strong>                                            
                                        @endif
                                    </li>
                                    <li class="list-group-item">                                           
                                        <span class="float-right text-primary">{{ max(0, $remaining_comp_offs) }} Days</span>
                                        <strong> Comp off Balance </strong>                                            
                                    </li>
                                </ul>
                                <!--<div class="card-body d-flex flex-row p-1">-->
                                <!--    <a href="{{route('employee.edit', [$data->id])}}">-->
                                <!--        <button type="button" class="btn btn-primary mr-1">-->
                                <!--            <i class="fa fa-edit"></i> Edit-->
                                <!--        </button>-->
                                <!--    </a>-->
                                <!--    <button type="submit" class="btn btn-secondary">-->
                                <!--        <i class="ft-check"></i> Unblock-->
                                <!--    </button>-->
                                <!--</div>-->
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header bg-primary text-white">
                                <h3 class="card-title text-white"><i class="fa fa-mobile"></i> Device Info</h3>
                            </div>
                            <div class="card-body">
                                <p>Device not configured</p>        
                            </div>
                        </div>

                    </div>

                    <div class="col-9 p-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="table-responsive">
                                        <table class="table table-bordered table-hover table-striped">
                                            <tbody>
                                                <tr>
                                                    <th scope="row">Username</th>
                                                    <td>{{$data->UserName}}</td>
                                                </tr>
                                                <tr>
                                                    <th scope="row">Phone Number</th>
                                                    <td>{{$data->PhoneNumber}}</td>
                                                </tr>
                                                <tr>
                                                    <th scope="row">Email</th>
                                                    <td>{{$data->email}}</td>
                                                </tr>
                                            </tbody>
                                        </table>                                            
                                    </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">
                                    <table id="" class="table table-bordered table-striped">
                                        <tbody>
                                            <tr>
                                                <td><b>First Name</b></td>
                                                <td> {{$data->FirstName}} </td>
                                            </tr>
                                            <tr>
                                                <td><b>Last Name</b></td>
                                                <td> {{$data->LastName}}</td>
                                            </tr>
                                            <tr>
                                                <td><b>Gender</b></td>
                                                <td> @if($data->Gender == 1) Male @else Female @endif </td>
                                            </tr>
                                            <tr>
                                                <td><b>DOB</b></td>
                                                <td>{{date('d-m-Y', strtotime($data->Dob))}}</td>
                                            </tr>
                                            <tr>
                                                <td><b>Unique Id</b></td>
                                                <td>{{$data->UniqueId}}</td>
                                            </tr>
                                            <tr>
                                                <td><b>Alternate Phone Number</b></td>
                                                <td>{{$data->AlternatePhoneNumber}}</td>
                                            </tr>
                                            <tr>
                                                <td><b>Address</b></td>
                                                <td>{{$data->Address}}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </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">
                                    <table id="example1" class="table table-bordered table-hover table-striped">
                                        <tbody>
                                            <tr>
                                                <td><b>Reporting Manager Name</b></td>
                                                <td> {{$data->ManagerId}} </td>
                                            </tr>
                                            <tr>
                                                <td><b>Schedule</b></td>
                                                <td>{{$data->sc_title}}</td>
                                            </tr>
                                            <tr>
                                                <td><b>Team</b></td>
                                                <td> {{$data->t_name}} </td>
                                            </tr>
                                            <tr>
                                                <td><b>Date of joining</b></td>
                                                <td>{{date('d-m-Y',strtotime($data->DateOfJoining))}}</td>
                                            </tr>
                                            <tr>
                                                <td><b>Base salary</b></td>
                                                <td>Rs. {{$data->BaseSalary}}</td>
                                            </tr>
                                            <tr>
                                                <td><b>Designation</b></td>
                                                <td>{{$data->Designation}}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </section>

        </div>



    </div>
</div>

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

@include('includes/footer')