@extends('payroll.employee_frontend.layouts.employee')
@section('content')
    <section>
        <div class="col-12 mt-4">
            <h2 class="page-title text-center">Policy And Jobresponsibilty List</h2>
            <div class="mb-2 heading-border"></div>
        </div>
    </section>
    <section class="px-3  pt-3 pt-lg-5 row">

        <div class="col-12 mb-4">
            <div class="blu-card d-flex flex-wrap">
                <div class="col-12 col-md-6">
                    <h5 class="mb-3 card-in-h">
                        Company Policy
                    </h5>
                </div>
                <div class="col-12 table-responsive">
                    <table class="display datatable table table-stripped table-bordered">
                        <thead>
                            <tr>
                                <th>Publish Date</th>
                                <th>Note</th>
                                <th>File</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($policy->chunk(100) as $row)
                                @foreach ($row as $item)
                                    <tr>
                                        <td>{{ date('m/d/Y', strtotime($item->created_at)) }}</td>
                                        <td>{{ $item->note }}</td>
                                        <td><img src="{{ asset($item->file_name) }}" width="50" height="50" /></td>
                                    </tr>
                                @endforeach
                            @endforeach

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </section>

    <section class="px-3  pt-3 pt-lg-5 row">

        <div class="col-12 mb-4">
            <div class="blu-card d-flex flex-wrap">
                <div class="col-12 col-md-6">
                    <h5 class="mb-3 card-in-h">
                        Job Responsibility
                    </h5>
                </div>
                <div class="col-12 table-responsive">
                    <h5 style="{{ Session::get('style') }}">{{ Session::get('message') }}</h5>
                    <table class="display datatable table table-stripped table-bordered">
                        <thead>
                            <tr>
                                <th>Publish Date</th>
                                <th>Note</th>
                                <th>File</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($responsibility->chunk(100) as $row)
                                @foreach ($row as $item)
                                    <tr>
                                        <td>{{ date('m/d/Y', strtotime($item->updated_at)) }}</td>
                                        <td>{{ $item->note }}</td>
                                        <td><a href="{{route('employee.policyjobresposibility.download',['id'=>$item->id])}}"><img src="{{ asset($item->file_name) }}"
                                            width="50" height="50" /></a></td>
                                        <td>
                                            @if ($item->accepted == 1)
                                                <p style="color:green">Acccepted </p>
                                            @elseif ($item->accepted ==2)
                                                <p style="color:red">Not Accepted</p>
                                            @else
                                                <p style="color:red">Not Register</p>
                                            @endif
                                        </td>
                                        <td>
                                            @if ($item->accepted == 1)
                                                <a href='{{ route('employee.policyjobresposibility.cancel', ['id' => $item->id]) }}'
                                                    type="button" class="btn btn-danger btn-sm"><i class="fa fa-thumbs-down"
                                                        aria-hidden="true"></i></a>
                                            @elseif ($item->accepted ==2)
                                                <a href='{{ route('employee.policyjobresposibility.accept', ['id' => $item->id]) }}'
                                                    type="button" class="btn btn-success btn-sm"><i class="fa fa-thumbs-up"
                                                        aria-hidden="true"></i></a>
                                            @else
                                                <a href='{{ route('employee.policyjobresposibility.accept', ['id' => $item->id]) }}'
                                                    type="button" class="btn btn-success btn-sm"><i class="fa fa-thumbs-up"
                                                        aria-hidden="true"></i></a>
                                                <a href='{{ route('employee.policyjobresposibility.cancel', ['id' => $item->id]) }}'
                                                    type="button" class="btn btn-danger btn-sm"><i class="fa fa-thumbs-down"
                                                        aria-hidden="true"></i></a>
                                            @endif

                                        </td>
                                    </tr>
                                @endforeach
                            @endforeach

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </section>
    <script>
        const download = (id) => {
            $.ajax({
                url: "/employee/policyjobresposibility/download/" + id,
                type: "GET",
                data: {
                    _token: "{{ csrf_token() }}",
                },
                success: function(data) {
                    var blob = new Blob([data]);

                    var link = document.createElement('a');

                    link.href = window.URL.createObjectURL(blob);

                    link.download = data;

                    link.click();



                },
                error: function(blob) {

                    console.log(blob);

                }
            });
        }

    </script>
@endsection