@extends('layouts.master')
@section('admincontent')
<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1 class="m-0">Visa Type</h1>
        </div><!-- /.col -->
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
            <li class="breadcrumb-item">Master</li>
            <li class="breadcrumb-item active">Visa Type</li>
          </ol>
        </div><!-- /.col -->
      </div><!-- /.row -->
    </div><!-- /.container-fluid -->
  </div>
  <!-- /.content-header -->

  <!-- Main content -->
  <section class="content">
    @if (Session::has('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ Session::get('success') }}
        @php
            Session::forget('success');
        @endphp
        <button type="button" class="close" data-dismiss="alert"
            aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
    @endif
    <div class="container-fluid">
      <!-- Main row -->
      <div class="row">
        <!-- Left col -->
        <section class="col-lg-12 connectedSortable">
          <!-- Custom tabs (Charts with tabs)-->
          <div class="card">
            <div class="card-header">
              {{-- <h3 class="card-title">
                <i class="fas fa-chart-pie mr-1"></i>
                Sales
              </h3> --}}
              <div class="card-tools">
                <ul class="nav nav-pills ml-auto">
                  {{-- <li class="nav-item">
                    <a class="nav-link active" href="#revenue-chart" data-toggle="tab">Area</a>
                  </li> --}}
                  <li class="nav-item">
                    {{-- <a class="nav-link" href="#sales-chart" data-toggle="tab">Donut</a> --}}
                    <a href="{{ route('visa/create') }}" class="btn btn-primary float-right"><i class="fas fa-plus"></i> Add</a>
                  </li>
                </ul>
              </div>
            </div><!-- /.card-header -->
            {{-- <div class="card-body">
                {{ $dataTable->table(['class' => 'table table-bordered table-hover table-striped w-100']) }}
            </div><!-- /.card-body --> --}}
            <table id="example" class="table table-bordered table-striped">
              <thead>
                  <tr>
                      <th>Sr.No</th>
                      <th>Name</th>
                      <th>Remark</th>
                      <th style="text-align: center;">Action</th>
                  </tr>
              </thead>
              <tbody>
                  @php($count = 0)
                  @foreach ($visadata as $visadatas)
                      <tr>
                          <td>@php($count++) {{ $count }}</td>
                          <td>{{ $visadatas->name}}</td>
                          <td>{{ $visadatas->remark}}</td>
                          <td style="text-align: center;">
                              <div class="row">
                                  <div class="col s12">
                                    <a class="btn btn-secondary btn-sm" href="{{route('visa/show',$visadatas->id)}}"><i class="fas fa-eye"></i></a>
                                    <a href="{{route('visa/edit',$visadatas->id)}}" class="btn btn-info btn-sm"><i class="fas fa-edit"></i></a>
                                      {{-- <a href="{{ route('student_details.edit', $visadatas->id) }}"><i class="fa fa-edit"
                                              aria-hidden="true" style="font-size: 20px; color:darkgreen"></i></a>

                                      <a href="{{ route('student_details.edit', $visadatas->id) }}"><i class="fa fa-edit"
                                        aria-hidden="true" style="font-size: 20px; color:darkgreen"></i></a> --}}
                                      <form method="POST" action="{{ route('visa/delete', $visadatas->id) }}"
                                          style="display:inline">
                                          @method('DELETE')
                                          @csrf
                                          <button style="background: none; border: none;">
                                              <a
                                                  onclick="return confirm('Are you sure you want to delete this data?')" class="delete btn btn-danger btn-sm"><i
                                                      class="fa fa-trash" aria-hidden="true"
                                                      style="font-size: 14px; color:white"></i></a>
                                              {{-- <a class="delete btn btn-danger btn-sm" title="Delete" data-toggle="tooltip" data-id="' . $query->id . '"><i class="fas fa-trash"></i></a>' --}}
                                          </button>
                                      </form>
                                  </div>
                              </div>
                          </td>
                      </tr>
                  @endforeach
              </tbody>
          </table>
          </div>
          <!-- /.card -->
        </section>
      </div>
      <!-- /.row (main row) -->
    </div><!-- /.container-fluid -->
  </section>
  <script>
    $(document).on("click", ".delete", function(){
        var id = $(this).data('id');
        // alert(id);
        Swal.fire({
            title: "Are you sure?",
            text: "You won't be able to revert this!",
            icon: "warning",
            showCancelButton: true,
            confirmButtonColor: "#3085d6",
            cancelButtonColor: "#d33",
            confirmButtonText: "Yes, delete it!"
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url:'{{ route("services/type/delete") }}',
                    method:'POST',
                    dataType:"json",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        id:id,
                    },
                    success:function(data){
                        window.location.reload();
                    }
                })
                // delete success
                Swal.fire({
                title: "Deleted!",
                text: "Your file has been deleted.",
                icon: "success"
                });
            }
            // if (result) {

            // }else{
            //     swal("Your imaginary file is safe!");
            // }
        });
    });
</script>
@endsection
{{-- {{ $dataTable->scripts(attributes: ['type' => 'module']) }} --}}