@extends('admin.layout.master')
@section('content')
  
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">Notice </div>
                <div class="card-body">
                    <div class='text-right'>
                        <button type="button" onclick='openModal()' class="btn btn-primary btn-sm">
                            Add Notice
                        </button>
                    </div>
                    <table class="display  table table-stripped table-bordered mt-3">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Head</th>
                                <th>Visibility</th>
                                <th>Cost Center</th>
                                {{-- <th>Department</th> --}}
                                <th>Details</th>
                                <th>Link</th>
                                {{-- <th>File</th> --}}
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                            $i = 1;
                            @endphp

                                @foreach ($notices as $notice)
                                    @php
                                         $coscenters = explode(',', $notice->cost_center_id);
                                    // dd($notice,$coscenters);
                                         $arr = [];
                                    @endphp
                                    <tr>
                                        <td>{{ $i++ }}</td>
                                        <td>{{ $notice->head }}</td>
                                        <td>
                                            @if ($notice->visibility == 1)
                                                <p style="color:green">All</p>
                                            @elseif($notice->visibility ==2)
                                                <p style="color:red">Custom</p>
                                            @endif
                                        </td>
                                       

                                        <td>
                                          
                                            @foreach (adminAsignedCostCenterList() as $cost_center)
                                                @if(in_array($cost_center->id, ($notice->cost_center_id ? json_decode($notice->cost_center_id):[]) ))
                                                    <span> {{ $cost_center->name}}, </span>
                                                @endif
                                            @endforeach

                                        </td>
                                        <td>{!! Str::limit($notice->details, 200) !!}</td>
                                        <td>
                                            @if (!empty($notice->link))
                                                <a href="{{ $notice->link }}" target="_blank"
                                                    class="btn btn-warning btn-sm">Click</a>
                                            @else
                                                <p style="color: red">Not Found</p>
                                            @endif
                                        </td>

                                        {{-- <td>
                                            @if ($notice->attachment)
                                                <iframe src="{{ $notice->attachment }}" height="20%" width="100%"></iframe>
                                            @else
                                                <p style="color: red">Not Found</p>
                                            @endif
                                        </td> --}}
                                        <td>
                                            @if ($notice->status == 1)
                                                <p style="color: green">Active</p>
                                            @elseif($notice->status ==2)
                                                <p style="color: red">Pending </p>
                                            @endif
                                        </td>
                                        <td>
                                           
                                            <button class="btn btn-danger btn-sm" onclick="edit({{ $notice->id }})">Edit</button>
                                          
                                            @if ($notice->attachment)
                                                <a href="{{ route('circular.download', ['id' => $notice->id]) }}"
                                                    class="btn btn-success btn-sm">download</a>

                                                <input type="hidden" id="nts_file{{ $notice->id }}" value="{{ $notice->attachment }}" />
                                                <button type="button" onclick="noticeFilePreview({{ $notice->id }})" class="btn btn-warning btn-sm">View</button>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="d-flex justify-content-end">
                    {{ $notices->links("pagination::bootstrap-4") }}
                </div>
            </div>
        </div>

    <div class="modal fade" id="fileView" data-backdrop="static" data-keyboard="false" tabindex="-1"
        aria-labelledby="fileViewLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="fileViewLabel">File</h1>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button> 
                </div>
                <div class="modal-body" style="height: calc(100vh - 115px); overflow-y: auto;">
                    <iframe src="#" id="files" style="width: 100%; height: 100%;"></iframe>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
    @include('payroll.notice_circular.notice.store')
@endsection

@section('script')
<script src="{{ asset('payroll_assets/payroll_common.js') }}"></script>
<script src="{{ asset('/') }}payroll_assets/notice_circular/notice.js"></script>

    {{-- @include('payroll.hrm_script') --}}
  {{-- <script src="https://cdn.ckeditor.com/4.16.1/standard/ckeditor.js"></script> --}}

  <script>
     $(document).ready(function () {
         $('.select_2').select2();
    });
      function noticeFilePreview(rowId) {
          let baseUrl = '/';
          let file = $('#nts_file' + rowId).val();
          $("#files").attr("src", baseUrl + file);
          $('#fileView').modal('show');
      }
  </script>

 @endsection