@extends('layouts.app')

@section('title', 'Banks')

@section('content')	
	<!--start page wrapper -->
	<div class="page-wrapper">
		<div class="page-content">
			<!--breadcrumb-->
			<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
				<div class="ps-3">
					<nav aria-label="breadcrumb">
						<ol class="breadcrumb mb-0 p-0">
							<li class="breadcrumb-item"><a href="{{ route('home') }}"><i class="fas fa-home"></i></a>
							</li>
							<li class="breadcrumb-item active" aria-current="page">Banks</li>
						</ol>
					</nav>
				</div>
				<div class="ms-auto">
					
				</div>
			</div>
			<!--end breadcrumb-->
			@if ($message = Session::get('success'))
					<div class="alert alert-success">
						<p>{{ $message }}</p>
					</div>
				@endif
            <div class="p-4 border rounded">
                <div class="" aria-current="page">Mass Upload
                    <p>Download a sample csv, fill in the details of the bank, branches, and branch code, then upload.</p>
                </div>

                <a href="{{route('admin.download-csv')}}" class="btn btn-success">Download CSV</a>
                <div class="csv">
                <form action="{{route('admin.bankcsv')}}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="row">
                    <div class="col-md-7">
                        <input type="file" name="csv_file" class="form-control" id="csv">
                    </div>
                    <div class="col-md-4">
                        <button class="btn btn-success" type="submit">Upload Bank List</button>
                    </div>
                </div>
                
               
                </form>
            </div>
            </div>
            <br>
			<div class="card border-top border-0 border-4 border-primary">
				<div class="card-body">
					<div class="p-4 border rounded">
						<form class="row g-3 needs-validation" action="{{ route('admin.addbank') }}" method="post" novalidate>
							@csrf
							<div class="col-md-6">
								<label for="validationCustom01" class="form-label">Bank Name<sup><i class='fas fa-asterisk' style='font-size:7px;color:red'></i></sup></label>
								<input type="text" class="form-control @error('bank_name') is-invalid @enderror" id="validationCustom01" name="bank_name" value="{{ old('bank_name') }}"required>
								@error('bank_name')
										<span class="invalid-feedback" role="alert">
											<strong>{{ $message }}</strong>
										</span>
									@enderror
							</div>					
																			
							<div class="col-6" style="padding-top: 30px;">
								<button class="btn btn-primary success" type="submit">Save</button>
							</div>
						</form>
					</div>
					<hr/>
					<div class="table-responsive">
						<table id="example" class="table table-striped table-bordered" style="width:100%">
							<thead>
								<tr>
                                    <th>Bank ID</th>
									<th>Bank Name</th>									
									<th>Action</th>
								</tr>
							</thead>
							<tbody>
							@foreach($banks as $bank)
								<tr>
									<td>{{ $bank->id }}</td>
									<td>{{ $bank->bank_name }}</td>
									
									<td>
										<div class="dropdown">
                                            <div class="cursor-pointer font-24 dropdown-toggle " data-bs-toggle="dropdown"><i class='fas fa-ellipsis-h'></i>
                                            </div>
                                            <div class="dropdown-menu dropdown-menu-end"> 
                                                <a class="dropdown-item" href="#" class="approve" data-bs-toggle="modal" data-bs-target="#show{">View</a>                                       
                                                <a class="dropdown-item" href="#" class="reject" data-bs-toggle="modal" data-bs-target="#editLoanModal">Edit</a>
                                                                                        
                                            </div>
                                        </div>
									</td>
								</tr>
							@endforeach
							</tbody>
						</table>
					</div>
				</div>
			</div>
			
		</div>
	</div>
	<!--end page wrapper -->
@endsection
	
@pushOnce('scripts')
	<script src="{{ asset('assets/plugins/datatable/js/jquery.dataTables.min.js') }}"></script>
	<script src="{{ asset('assets/plugins/datatable/js/dataTables.bootstrap5.min.js') }}"></script>
	<script src="{{ asset('assets/plugins/sweetalerts/sweetalert2.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/sweetalerts/custom-sweetalert.js') }}"></script>
	<script>
		$(document).ready(function() {
			$('#example').DataTable();
		  } );
	</script>
	<script>
		$(document).ready(function() {
			var table = $('#example2').DataTable( {
				lengthChange: false,
				buttons: [ 'copy', 'excel', 'pdf', 'print']
			} );
		 
			table.buttons().container()
				.appendTo( '#example2_wrapper .col-md-6:eq(0)' );
		} );
	</script>
@endpushOnce