@extends('layouts.app')

@section('title', 'Loan')

@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">Add Supplier</li>
                        
					</ol>
                    <br>
                    <div>
                        <a href="{{ route('accounts.suppliers') }}">
                        <i class="fas fa-arrow-circle-left">  </i>supplier list</a>

                    </div>
				</nav>
			</div>
				@if(session('success'))
					<script>
						Swal.fire('Success', '{{ session('success') }}', 'success');
					</script>
				@endif

				@if(session('error'))
					<script>
						Swal.fire('Error', '{{ session('error') }}', 'error');
					</script>
				@endif
							
		</div>
		<!--end breadcrumb-->
		<hr />
		<div class="row">
			<div class="col-xl-12 mx-auto">
				<div class="card border-top border-0 border-4 border-primary">
					<div class="card-body">
						<div class="p-4 border rounded">
						<!--Add Supplier Form -->
                        <form class="row g-3" action="{{ route('accounts.new-supplier') }}" method="post" enctype="multipart/form-data">
                            @csrf
                            <div class="col-12">
                              <label for="inputNanme4" class="form-label">Supplier Name</label>
                              <input type="text" class="form-control" id="name" name="name">
                            </div>
                            <div class="col-12">
                              <label for="inputEmail4" class="form-label">Email</label>
                              <input type="email" class="form-control" id="email" name="email">
                            </div>
                            <div class="col-12">
                              <label for="inputPassword4" class="form-label">Phone</label>
                              <input type="text" class="form-control" id="phone" name="phone">
                            </div>
                            <div class="col-12">
                              <label for="kraPin" class="form-label">KRA PIN</label>
                              <input type="text" class="form-control" id="kraPin" name="kra_pin">
                            </div>
                            <div class="col-12">
                                <label for="contactPerson" class="form-label">Contact Person</label>
                                <input type="text" class="form-control" id="contactPerson" name="contact_person">
                              </div>
                            <div class="text-center">
                              <button type="submit" class="btn btn-primary">Submit</button>
                              <button type="reset" class="btn btn-secondary">Reset</button>
                            </div>
                          </form><!-- End Add Supplier Form -->
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--end row-->
	</div>
</div>
<!--end page wrapper -->
@endsection
@push('scripts')
<script src="{{ asset('assets/plugins/sweetalerts/sweetalert2.min.js') }}"></script>
<script src="{{ asset('assets/plugins/sweetalerts/custom-sweetalert.js') }}"></script>
    @if (session('success'))
    <script>
        console.log('Success message:', '{{ session('success') }}');
        Swal.fire('Supplier Created', '{{ session('success') }}', 'success');
    </script>
@endif
	
@endpush