@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">Destination</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">Destination</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">
              <div class="card-tools">
                <ul class="nav nav-pills ml-auto">
                  <li class="nav-item">
                    <a href="{{ route('destination.create') }}" class="btn btn-primary float-right"><i class="fas fa-plus"></i> Add</a>
                  </li>
                </ul>
              </div>
            </div>
            <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 ($destination as $destinations)
                        <tr>
                           <td>@php($count++) {{ $count }}</td>
                            <td>{{ $destinations->name}}</td>
                            <td>{{ $destinations->remark}}</td>
                            <td style="text-align: center;">
                                <div class="row">
                                    <div class="col s12">
                                      <a class="btn btn-secondary btn-sm" href="{{route('destination.show',$destinations->id)}}"><i class="fas fa-eye"></i></a>
                                      <a href="{{route('destination.edit',$destinations->id)}}" class="btn btn-info btn-sm"><i class="fas fa-edit"></i></a>
                                        <form method="POST" action="{{ route('destination.destroy', $destinations->id) }}"
                                            style="display:inline">
                                            @csrf
                                            @method('DELETE')
                                            <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>
                                            </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("land/vendor/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"
                });
            }
        });
    });
</script>
@endsection