@extends('backend.layouts.emaillayout')
@section('content')

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!--<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.6/js/dataTables.bootstrap.min.js"></script>-->

<link media="all" type="text/css" rel="stylesheet" href="{{url('/vendor/core/core/base/css/core.css')}}">
<link media="all" type="text/css" rel="stylesheet" href="{url('/vendor/core/core/base/libraries/datatables/media/css/dataTables.bootstrap.min.css?v=5.27.1')}}">
<link media="all" type="text/css" rel="stylesheet" href="{{url('/vendor/core/core/table/css/table.css?v=5.27.1')}}">
<link media="all" type="text/css" rel="stylesheet" href="{{url('/vendor/core/core/base/libraries/datatables/media/css/dataTables.bootstrap.min.css?v=5.27.1')}}">
<script src="{{url('/vendor/core/core/base/libraries/fancybox/jquery.fancybox.min.js?v=5.27.1')}}"></script>
<script src="{{url('/vendor/core/core/base/libraries/datatables/media/js/jquery.dataTables.min.js?v=5.27.1')}}"></script>
<script src="{{url('/vendor/core/core/base/libraries/datatables/media/js/dataTables.bootstrap.min.js?v=5.27.1')}}"></script>
<script src="{{url('/vendor/core/core/base/libraries/datatables/extensions/Buttons/js/dataTables.buttons.min.js?v=5.27.1')}}"></script>
<script src="{{url('/vendor/core/core/base/libraries/datatables/extensions/Buttons/js/buttons.bootstrap.min.js?v=5.27.1')}}"></script>
<script src="{{url('/vendor/core/core/base/libraries/datatables/extensions/Responsive/js/dataTables.responsive.min.js?v=5.27.1')}}"></script>



  <style>
        .table-responsive {
            margin: 20px;
        }
    </style>
    
<main id="main" class="main">
  <!-- destination Section -->
  <section class="flights-section inner-page-section bg-backin">
    <div class="container">
      <div class="row">
        <div class="col-12 text-center">
          <nav style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E&#34;);" aria-label="breadcrumb">
            <ol class="breadcrumb">
              <li class="breadcrumb-item">Dashboard</li>
              <li class="breadcrumb-item active" aria-current="page">Email Templates</li>
            </ol>
          </nav>
        </div>
        <div class="col-12 ">
          <h1 class="heading mb-4">Email Templates</h1>
        </div>
      </div>
      @if(session()->has('success'))
      <div class="alert alert-success">
        {{ session()->get('success') }}
      </div>
      @endif

      @if(session()->has('error'))
      <div class="alert alert-error">
        {{ session()->get('error') }}
      </div>
      @endif
	<div class="career-detailss p-0 overflow-h">
      <div class="flights-details career-details1 career-search">
        <div class="row align-items-center ">

          <form class="" action="" method="GET">
            <div class="row align-items-center">

              <div class="col-6 col-md-3 col-lg-1 ser-col1">
                <div class="tracking">
                  <h6>Search</h6>
                </div>
              </div>

              <div class="col-12 col-md-6 col-lg-6 ser-col2">
                <div class="text from-too">
                  <div class="form-group grouping">
                    <input type="text" class="form-control" placeholder="Type Content & hit Enter" name="search" id="search" required @isset($sort_search) value="{{ $sort_search }}" @endisset />
                  </div>
                </div>
              </div>

           

              <div class="col-6 col-md-3 col-lg-4 ser-col3 d-flex flex-wrap">
                <div class="package text-center">
                  <a href="{{ route('admin.emailcontent') }}" class="button">Reset</a>
                </div>
                <div class="package text-center mrg-5">
                  <a href="{{ route('admin.emailcontent.add') }}" class="button">Add Template</a>
                </div>
              </div>

            </div>
          </form>
        </div>
      </div>
   
        <div class="career-data-panel table-responsive">
        <table cellpadding="0" cellspacing="0" id="example"  class="table table-striped career-data-table table-bordered">
          <thead>
            <tr>
              <th title="ID" width="20px" class="jb column-key-id sorting_desc" tabindex="0" aria-controls="botble-page-tables-page-table
              " rowspan="1" colspan="1" style="width: 20px;" aria-sort="descending" aria-label="IDorderby asc">ID</th>
              <th class="name">Name</th>
              <th class="Content">Content</th>
              <th class="Active">Active</th>
              <th title="Created At" width="100px" class="Created text-center column-key-created_at sorting_desc" tabindex="0" aria-controls="botble-page-tables-page-table" rowspan="1" colspan="1" style="width: 100px;" aria-sort="descending" aria-label="Created Atorderby asc">Created On</th>
              <th class="ac">Action</th>
            </tr>
          </thead>
          <tbody>
          @foreach($emailcontents as $key => $emailcontent)
            <tr>
              <td data-label="id">{{  $emailcontents->firstItem() + $key }}</td>
              <td data-label="name">{{$emailcontent->template_name}}</td>
              <td data-label="Candidate Name">{!! $emailcontent->content !!}</td>
              <td data-label="is_active">
              {{ $emailcontent->is_active == 1 ? 'Yes' : 'NO' }}
              </td>
              <td data-label="created_at">{{$emailcontent->created_at->format('d-m-Y')}}</td>
              <td data-label="Action">
          <a class="ac-lft" href="{{route('admin.emailcontent.view',['id'=>$emailcontent->id])}}">
               <img class="view" src="{{ url('themes/lara-mag/images/view.svg') }}">
          <!--    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16">
                      <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
                      <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
                    </svg>-->
                  </a>
                   <a href="{{route('emailcontent.edit',['id'=>$emailcontent->id])}}"> 
                <img class="edit" src="{{ url('themes/lara-mag/images/edit.svg') }}">
                  <!--  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil-square" viewBox="0 0 16 16">
                      <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"/>
                      <path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z"/>
                    </svg>-->
                  </a>
                  <a href="#" onclick="confirmDelete('{{ route('emailcontent.delete', ['id' => $emailcontent->id]) }}');"> 
                                <img class="delete" src="{{ url('themes/lara-mag/images/delete.svg') }}">             
                            </a>

                        <script>
                            function confirmDelete(url) {
                                if (confirm('Are you sure you want to delete this Email template?')) {
                                    window.location.href = url; // Redirect to the delete URL if confirmed
                                }
                                // If "No" is selected, no action is taken
                            }
                        </script>

                 <!-- <a href="{{route('emailcontent.delete',['id'=>$emailcontent->id])}}"> 
                    <img class="delete" src="{{ url('themes/lara-mag/images/delete.svg') }}">
                   <!-- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash" viewBox="0 0 16 16">
                        <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/>
                        <path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"/>
                    </svg>
                  </a>-->
              </td>
            </tr>
          @endforeach
          </tbody>
        </table>
      </div>
	  </div>
	  
	  
      <div class="aiz-pagination">
        {{ $emailcontents->links() }}
      </div>
  </section>
<script>
    $(document).ready(function() {
        $('#example').DataTable({
            responsive: true,
            paging: false,
            info: false
         /*   pageLength: 25,
            language: {
                paginate: {
                    previous: "<",
                    next: ">"
                }
            },
             drawCallback: function() {
                // Add custom class to pagination controls
                $('.dataTables_paginate').addClass('aiz-pagination');
            }*/
        });
    });
</script>
</main>
@endsection