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

<div class="main-content" id="panel">
    <!-- Topnav -->
    @include('admin.layouts.navbar')
    <!-- Header -->
    <!-- Header -->

    <!-- Page content -->
    <div class="container-fluid mt-6">

      <div class="row">
        <div class="col-xl-12">
          <div class="card">
            <div class="card-header border-0">
              <div class="row align-items-center">
                <div class="col">
                  <h3 class="mb-0">Institute</h3>
                </div>
                <div class="col text-right">
                  <a href="{{ route('institute.create') }}" class="btn btn-sm btn-primary">Add institute</a>
                </div>
              </div>
            </div>
            @if(Session::has('error'))
            <p class="alert alert-danger alert-sm">{{ Session::get('error') }}</p>
            @endif
            @if(Session::has('success'))
            <p class="alert alert-success alert-sm">{{ Session::get('success') }}</p>
            @endif
            <div class="table-responsive">
              <!-- Projects table -->
              <table class="table align-items-center table-flush" id="example">
                <thead class="thead-light">
                  <tr>
                    <th>#</th>
                    <th scope="col">Guid</th>
                    <th scope="col">Country</th>
                    <th scope="col">Name</th>
                    <th scope="col">Code</th>
                    <th scope="col">Type</th>
                    <th scope="col">Link</th>
                    <th scope="col">Action</th>
                  </tr>
                </thead>
                <tbody>
                    @foreach ($institutes as $index=>$item)
                        <tr>
                            <td>{{ $index+1 }}</td>
                            <td>{{ $item->guid }}</td>
                            <td>{{ $item->country->name }}</td>
                            <td>{{ $item->name }}</td>
                            <td>{{ $item->code }}</td>
                            <td>{{ $item->type->type }}</td>
                            <td>{{ $item->link }}</td>
                            <td>
                                <a href="{{ route('institute.edit',$item->id) }}" class=""><span class="badge badge-dark bg-dark text-white"><i class="fas fa-edit "></i> Edit</span></a>
                                <a href="{{ route('institute.show',$item->id) }}" class=""><span class="badge badge-success bg-success text-white "><i class="fas fa-eye "></i> view</span></a>
                                <a href="#" data-id="{{ $item->id }}" class="del-btn" data-toggle="modal" data-target="#delModal" title="Hide the Menu">
                                <span class="badge badge-danger bg-danger text-white"><i class="fa fa-trash" aria-hidden="true"></i> Delete</span></a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
      <!-- Footer -->
     @include('admin.layouts.footer')
    </div>
  </div>

   {{-- Delete model --}}
   <div id="delModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="my-modal-title" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered  " role="document">
      <div class="modal-content alert alert-danger  ">
        <div class="modal-header ">
          <h5 class="modal-title" id="my-modal-title">Delete Banner</h5>
          <button class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body alert alert-danger">
          <p>Are you sure to Delete this Institute ?</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
          <button type="button" id="delConfirm" class="btn btn-danger">Delete</button>
        </div>
      </div>
    </div>
  </div>
  <!-- hide form -->
  <form id="delForm" action="{{ route('delete-institute') }}" method="post">
    @csrf
    <input type="hidden" name="dataId" value="" id="del-id">
  </form>


    @push('cs')
    <script>
        //Delete
            $(".del-btn").click(function (e) {
                e.preventDefault();
                let id = $(this).data().id;
                $("#del-id").val(id);
                });
                $("#delConfirm").click(function(){
                    $("#delForm").submit();
                });
        </script>


        <script>
            $(document).ready( function () {
                $('#example').DataTable();
            });
        </script>
    @endpush
@endsection
{{--  Course name
University name
Country
Duration
intakes
Yearly tutuion fee

Campus
Course Url
Application Deadline
Application Fees

Standardized Test Requirements
----------------------
IELTS Overall
IELTS no Band Less Than
TOEFL iBT Overall
TOEFL iBT no Bands Less Than
PTE Overall
PTE No Bands Less Than

Entry Requirements
----------------------

Remarks
----------  --}}