@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb pb-3">
                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                      <li class="breadcrumb-item"><a href="{{ route('laporan') }}">Laporan</a></li>
                      <li class="breadcrumb-item active" aria-current="page">Ansuran Pembiayaan & Upah</li>
                    </ol>
                  </nav>

                <div class="card-body text-center">
                   
                    <div class="row form-group justify-content-center">   
                        <div class="col-3 mx-1">    
                            <div class="row">    
                                <a href="{{ route('laporan.ansuran') }}" class="btn btn-info btn-lg btn-block mb-3">Ansuran Pembiayaan</a>
                            </div>
                        </div>
                        <div class="col-3 mx-1">    
                            <div class="row">    
                                <a href="{{ route('laporan.upah') }}" class="btn btn-info btn-lg btn-block mb-3">Upah</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal" id="myModal">
    <div class="modal-dialog">
      <div class="modal-content">
  
        <!-- Modal Header -->
        <div class="modal-header">
          <h4 class="modal-title">Laporan GL</h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
  
        <!-- Modal body -->
        <div class="modal-body">
  
        <style>
  #details {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 50%;
  }
  
  #details td, #details th {
   
    padding: 8px;
    font-size:11px;
  }
  
  #details tr:nth-child(even){background-color: #ffffff;}
  
  #details tr:hover {background-color: #ffffff;}
  
  #details th {
    padding-top: 12px;
   font-style:bold;
    padding-bottom: 12px;
    text-align: left;
    padding:4px;
    color:black;
  }
  </style>
      <center>
     <table id="details">
     <tr>
     <td>    <a href="{{route('laporan.datalejer_am')}}" class="btn btn-primary  btn-lg btn-block mb-1">Lejer Am</a>   </td>
     </tr>
     
     <tr>
     <td>   <a href="{{route('laporan.datalejer_am')}}" class="btn btn-primary btn-lg btn-block mb-1 ">Data Lejer Am</a>  </td>
     </tr>
     
     
     
     
     
     
     
     </table>
  
      </center>
  
  
  
  
  
  
   
        </div>
  
        <!-- Modal footer -->
        <div class="modal-footer">
          <button type="button" class="btn btn-danger" data-dismiss="modal">Kembali</button>
        </div>
  
      </div>
    </div>
  </div>
  
@endsection
