@extends('layouts.app')
@section('content')

<div class="wrapper">
  <div class="content-wrapper">
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="player-title">Broadcasting List</h1>
          </div>

          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Broadcast</li>
            </ol>
          </div>
        </div>
      </div>
    </section>

    <!-- Main content -->
    <section class="content">
      @if (\Session::has('success'))
      <div class="alert alert-success">
      <ul>
        <li>{!! \Session::get('success') !!}</li>
      </ul>
      </div>
    @endif
      @if ($errors->any())
      <div class="notification is-danger is-light">
      <ul>
        <div class="alert alert-danger">

        @foreach ($errors->all() as $error)

      <li>{{ $error }}</li>
    @endforeach
        </div>

      </ul>
      </div>
    @endif
      <div class="container-fluid">
        <div class="row">
          <div class="col-12">
            <div class="card">
              <div class="card-header-t">
                <!-- <h3 class="card-title">DataTable with default features</h3> -->
                <a class="btn btn-primary light-green-btn" href="{{ route('broadcast.create')}}">Create</a>
              </div>
              <div class="card-body">
                <table id="example1" class="table table-bordered table-striped">
                  <thead>

                    <tr>
                      <th>Sr. No</th>
                      <th>Title</th>
                      <th>Type</th>
                      <th>Target</th>
                      <th>Actions</th>
                    </tr>
                  </thead>
                  <tbody>
                                        @if($broadcast)
            @foreach($broadcast as $data)
        <tr>
          <th> {{$i}} </th>
          <td> {{ucfirst($data->title ?? 'N/A')}} </td>
          <td> {{ucfirst($data->type ?? 'N/A')}} </td>
          <td> {{ $data->target === 'all' ? 'All Users' : 'Survey Based' }} </td>
          <td class="project-actions text-center">
          <!-- <a class="btn btn-primary btn-sm" href="{{route('faq.view', $data->id)}}">
          <i class="fas fa-eye">
          </i>
          </a> -->
          <!-- <a class="btn btn-info btn-sm" href="{{route('faq.edit', $data->id)}}">
          <i class="fas fa-pencil-alt">
          </i>
          </a> -->
          <button type="button" data-broadcastid="{{$data->id}}" class="btn btn-danger btn-sm delete_broadcast">
          <i class="fas fa-trash">
          </i>
          </button>
          </td>
        </tr>
              @endforeach
          @endif
                    </tfoot>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
</div>

<!-- Modal Section -->
<div class="modal fade confirmDeletePop" id="confirmDeletePop" data-bs-backdrop="static" data-bs-keyboard="false"
  tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title fs-5" id="staticBackdropLabel">Confirm</h1>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
        <button type="button" data-deleteplayer-id="" class="btn btn-primary deleteConfirmBtn">Confirm</button>
      </div>
    </div>
  </div>
</div>
<script src="{{asset('plugins/jquery/jquery.min.js')}}"></script>

<script>
  $(document).ready(function () {
    setTimeout(function () {
      $('.alert-success').hide();
    }, 1500);

  });

  $('.delete_broadcast').click(function (e) {
    e.preventDefault();
    var broadcastId = $(this).data("broadcastid");
    var deleteUrlTemplate = "{{route('broadcast.delete', ':id')}}";
    var deleteUrl = deleteUrlTemplate.replace(':id', broadcastId);

    swal({
      title: "Are you sure! You want to delete this Broadcast?",
      type: "error",
      confirmButtonClass: "btn-danger",
      confirmButtonText: "Confirm!",
      showCancelButton: true,
    },
      function () {
        $.ajaxSetup({
          headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf_token"]').attr('content')
          }
        });
        $.ajax({
          type: "POST",
          dataType: 'json',
          url: deleteUrl,
          data: {
            id: broadcastId
          },
          headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          success: function (data) {
            if (data.status === 'success') {
              location.reload();
            }
          }
        });

      });
  });
</script>

@endsection