@extends('dashboard.layouts.main')

@section('container')
    <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
        <h1 class="h2">Bank Sampah</h1>
    </div>

    @if(session()->has('success'))
      <div class="alert alert-success col-lg-8" role="alert">
        {{ session('success') }}
      </div>
    @endif

    <div class="table-responsive col-lg-12">
      <a href="{{ url('') }}/admin_bank/create" class="btn btn-primary mb-3">Tambah data</a>
        <table class="table table-striped table-sm">
          <thead>
            <tr>
              <th scope="col">#</th>
              <th scope="col">Bank</th>
              <th scope="col">Keterangan</th>
              <th scope="col">Tgl Berdiri</th>
              <th scope="col">Ketua</th>
              <th scope="col">Kontak</th>
              <th scope="col">Jemput Sampah</th>
              <th scope="col">SK</th>
            </tr>
          </thead>
          <tbody>
            @foreach($data as $p)
            <tr>
              <td>{{ $loop->iteration + ($data->currentPage() - 1) * $data->perPage() }}</td>
              <td>{{ $p->nama_banks }}</td>
              <td><p>Kalurahan : {{ $p->kalurahan->nama_kalurahan }}</p>
                  <p>Kapanewon : {{ $p->kecamatan->nama_kecamatan }}</p>
                  <p>Alamat : {{ $p->alamat }}</p>
              </td>    
             <td>{{ \Carbon\Carbon::parse($p->tanggal_berdiri)->translatedFormat('d-m-Y') }}</td>
              <td>{{ $p->nama_ketua }}</td>  
              <td>{{ $p->contact_person }}</td>    
              <td>{{ $p->jemput_sampah }}</td>
              <td><a href="{{ asset('storage/' . $p->sk) }}" target="_blank">Lihat File</a></td>
              <td>
                <a href="{{ url('') }}/admin_bank/{{ $p->id }}/edit" class="badge bg-warning"><span data-feather="edit"></a>
                <form action="{{ url('') }}/admin_bank/{{ $p->id }}" method="post" class="d-inline">
                    @method('delete')
                    @csrf
                    <button class="badge bg-danger border-0" onclick="return confirm('Are you sure ?')"><span data-feather="x-circle"></button>
                </form>
                
              </td>
            </tr>
            @endforeach
             
          </tbody>
        </table>
      </div>
          <div class="mt-3">
            {{ $data->links() }}
          </div>
@endsection