@extends('admin.layouts.master')
@section('content')
<div class="content-header"> 
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">Announcements</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{{asset('/')}}">Home</a></li>
              <li class="breadcrumb-item active"><a href="{{asset(route('announcement'))}}">Announcements</li><a></li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
      @if(session()->has('success'))
          <div class="alert alert-success">
              {{ session()->get('success') }}
          </div>
      @endif
      @if(session()->has('error'))
          <div class="alert alert-success">
              {{ session()->get('error') }}
          </div>
      @endif
    <section class="content">
      <div class="row">
        <div class="col-12">
          <div class="card">
            <div class="card-header">
               <a href="{{ route('announcement.add') }}"><button class="btn btn-primary">New Announcement</button></a>
            </div>
            <div class="card-body">
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                <tr>
                  <th>Id</th>
                  <th>Role</th>
                  <th>Company</th>
                  <th>Status</th>
                  <th>Send Channel</th>
                  <th>Created At</th>
                  <th>Action</th>
                </tr>
                </thead>
                <tbody>
                  @foreach($announcements as $key=>$row)
                    <tr>
                      <td>{{$row->id}}</td>
                      <td>{{$row->role}}</td>
                      <td>{{$row->company_name ?: 'Everyone'}}</td>
                      <td>{{$row->status == 0 ? "Deactive" : 'Active'}}</td>
                      <td>{{$row->send_channel ?: 'api'}}</td>
                      <td>{{date("d M Y",strtotime($row->created_at))}}</td>
                      <td>
                        @php
                        $date_now = time()-1800;
                        $date2    = strtotime($row->created_at);
                        @endphp
                        <a href="{{ $date_now > $date2 ? 'javascript:void(0)' : route('announcement.edit', $row->id) }}" data-toggle="tooltip" title="{{$date_now > $date2 ? "You can't edit announcement" : 'Edit Announcement'}}"><button class="btn-sm {{$date_now > $date2 ? 'disabled' : 'btn-info'}}" {{$date_now > $date2 ? 'disabled' : ''}}><i class="fa fa-edit"></i></button></a>
                        
                        <a href="javasctip:void(0)" class="view_announcement"  notes="{{$row->announcement}}" data-toggle="tooltip" ><button class="btn-sm btn-warning"><i class="fa fa-eye"></i></button></a>
                        @if($row->status == 1)
                          <a href="{{ url('admin/announcement/activate/'.$row->id.'/0') }}" data-toggle="tooltip" ><button class="btn-sm btn-secondary">Deactivate</i></button></a>
                        @else
                          <a href="{{ url('admin/announcement/activate/'.$row->id.'/1') }}" data-toggle="tooltip" ><button class="btn-sm btn-success">Activate</i></button></a>
                        @endif
                      </td>
                    </tr>
                  @endforeach
                </tbody>
              </table>
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->

  <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Announcements</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body" id="announcement_content">
          <p>This is the paragraph text that you want to display.</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        </div>
      </div>
    </div>
  </div>
@endsection
@section('script')
<script>
  $(".view_announcement").click(function(e){
    e.preventDefault();
    $("#announcement_content").html($(this).attr('notes'));
    $("#exampleModal").modal("show");
  })
</script>
@endsection