@extends('admin/layout')
@section('page_title','Hospital & Clinics')
@section('miscellaneous_select','active')
@section('hospital_clinic_select','active')
@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
  <h1>
    Hospital & Clinic
    <small>Manage</small>
  </h1>
  <ol class="breadcrumb">
    <li><a href="javascript:void(0)"><i class="fa fa-dashboard"></i>Dashboard</a></li>
    <li class="active">Hospital & Clinics</li>
  </ol>
</section>


<section class="content">
  <!-- Info boxes -->
  <div class="row">

    <div class="col-md-12">
      <div class="success_message"></div>
      <div class="box box-warning">
        <div class="box-header with-border">
          <div class="d-flex justify-content-end text-right">
            <a href="{{route('admin.hospital-clinics.create')}}" class="btn btn-info"><i class="fa fa-plus-circle"></i>&nbsp;&nbsp;Add
              New Hospital & Clinic</a>
          </div>
        </div>
        <div class="box-body">
          <div class="col-md-12">
            @if (session()->has('add_msg'))
            <div class="alert alert-success alert-dismissible">
              <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
              <strong>{{session()->get('add_msg')}}</strong>
            </div>
            @endif
            @if (session()->has('update_msg'))
            <div class="alert alert-success alert-dismissible">
              <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
              <strong>{{session()->get('update_msg')}}</strong>
            </div>
            @endif
            @if (session()->has('delete_msg'))
            <div class="alert alert-success alert-dismissible">
              <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
              <strong>{{session()->get('delete_msg')}}</strong>
            </div>
            @endif
            <div style="overflow-x: auto;">
              <table id="product_list" class="table table-responsive table-hover">
                <thead>
                  <tr>
                    <th>#</th>
                    <th>Institution Name</th>
                    <th>Institution Type</th>
                    <th>Institution Address</th>
                    <th>District</th>
                    <th>Website</th>
                    <th>Email Address</th>
                    <th>Phone No</th>
                    <th>Action</th>
                  </tr>
                </thead>
                <tbody>
                  @php
                  $sl = 1;
                  @endphp
                  @foreach ($hospital_clinics as $item)
                  <tr>
                    <td>{{$sl++}}</td>
                    <td>{{$item->institution_name ?? '' }}</td>

                    <td>{{ $item->institution_type ?? '' }}</td>
                    <td>{{ $item->institution_address ?? '' }}</td>
                    <td>{{ $item->district ?? '' }}</td>
                    <td><a href="{{ $item->website ?? '' }}" target="_blank">{{ $item->website ?? '' }}</a></td>
                    <td>{{ $item->email_address ?? '' }}</td>
                    <td>{{ $item->phone_no ?? '' }}</td>
                    <td>
                      <!--<a href="{{url('/admin/jobs/view')}}/{{$item->id}}" class="btn btn-info btn-xs"><i-->
                      <!--    class="fa fa-eye"></i> View</a>-->
                      <a href="{{route('admin.hospital-clinics.edit', $item->id)}}" class="btn btn-warning btn-xs"><i
                          class="fa fa-edit"></i> Edit</a>
                      <a title="Delete" onclick="return confirm('Are You Sure..?')"
                        href="{{route('admin.hospital-clinics.delete', $item->id)}}" class="btn btn-danger btn-xs"><i
                          class="fa fa-trash"></i> Delete</a>
                    </td>
                  </tr>
                  @endforeach

                </tbody>
              </table>
            </div>
          </div>
        </div>
        <!-- /.box-body -->
      </div>
    </div>

  </div>
  <!-- /.row -->
</section>

@endsection

@section('scripts')
<script>
  $('#product_list').DataTable();
</script>
@endsection