@include('components/header')
@include('components/sidebar')
<!--  Begin CONTENT AREA  -->
<div id="content" class="main-content">
    <div class="topbar_content mt-3">
        <h2> EOW Suggestion List</h2>
        <div class="viewAll mr-4">
            <a href="{{ url()->previous() }}" class="viewAllBtn">
                
                <button class="btn btn-danger mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg> Back</button>
            </a>
            
        </div>
    </div>
    <div class="layout-px-spacing layout-top-spacing">
        <div class="modal-footer">
        </div>
        @if(isset($model))
            <div class="card mb-3">
                <div class="card-body">
                    <div class="box-widget widget-user">
                        <div class="widget-user-image d-sm-flex">
                            <span class="avatar">
                                @if($model->profile_picture == '')
                                    <img width="100px" accept="image/*"  style = "border: 8px solid #ADD8E6;" height="100px" src='{{asset("design/img/profiles/default.svg")}}' class="image">
                                @else
                                    <img width="100px" accept="image/*" style = "border: 8px solid #ADD8E6;" height="100px" src='{{asset("root/documents/$model->id/profile/$model->profile_picture")}}' class="image">
                                @endif
                            </span>
                            <span class="avatar pl-4 pt-2">
                                <div class="p-1">
                                    <h6><b>Name :</b> {{$model->first_name}} {{$model->middle_name}} {{$model->last_name}}</h6>
                                </div>
                                <div class="p-1">
                                    <h6><b>Email : </b>{{$model->official_email}}</h6>
                                </div>
                                <div class="p-1">
                                    <h6><b>Phone No. :</b> {{$model->phone_number}}</h6>    
                                </div>
                            </h6>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        @endif
        
        <div class="layout-spacing">
            <div class="widget-content widget-content-area br-6">
                <table id="zero-config" class="table dt-table-hover table-striped action-button" style="width:100%">
                    <thead>
                        <tr>
                            <th>Sr No.</th>
                            <th>Employee Id</th>
                            <th>Employee Name</th>
                            <th>Comments</th>
                            <th>Images</th>
                            <th>Download</th>
                            <th>date</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php $i = 0; @endphp
                        @foreach($image as $m)
                        @php $i++; @endphp
                        <tr>
                            <td>{{$i}}</td>
                            <td>{{$m->employee->id}}</td>
                            <td>{{$m->employee->first_name}} {{$m->employee->last_name}}</td>
                            <td> @php echo wordwrap($m->comment,25,"<br>\n",TRUE); @endphp </td>
                            <td>
                                @php $data = date('d-m-Y',strtotime($m->created_at)); @endphp
                                @foreach (explode('/', $m->image) as $image)
                                @if($image != '')
                                <img class="preview_data" data-name="{{$image}}" data-id="{{$m->emp_id}}" data-date="{{$data}}" width="200" height="200"
                                src='{{ isset($image) ? asset("root/EOW/$m->emp_id/$data/$image") : "" }}'>
                                @else
                                <span class="text-center">-</span>
                                @endif
                                @endforeach
                                
                            </td>
                            <td>
                                @if($m->image == '')
                                    -
                                @else
                                <a href='/download/{{$m->id}}'><span style="font-size:30px; color: black;" class="fa fa-download"></span></a>
                                @endif
                            </td>
                            @php
                                $date = date('d-m-Y',strtotime($m->created_at))
                            @endphp
                            <td>{{$date}}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@include('components/footer')
<script type="text/javascript">

    $(".preview_data").click(function(){
        var form_id = $(this).data('name');
        var emp_id = $(this).data('id');
        var documents = $(this).data('date');
        window.open("{{ URL::asset('/root/EOW') }}/" + emp_id + "/" + documents + "/" + form_id);
    });

</script>