@extends('layouts.master')
@section('content')
<div class="card">
    <div class="card-header card-custom-bg d-flex flex-row align-items-center justify-content-between">
        <h5>Create Check Book</h5> <a href="{{ route('check-books.index') }}" class="btn btn-sm btn-primary">View All</a>
    </div>
    @if ($errors->any())
        <div class="alert alert-danger m-3">
            <ul class="m-0">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="card-body">
        <form method="POST" action="{{ route('check-books.store') }}" enctype="multipart/form-data">
            @csrf
            <div class="row justify-content-center">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="name">Name:</label>
                        <input type="text" id="name" class="form-control" name="name" required>
                    </div>
                    <div class="form-group">
                        <label for="account_no">Account No:</label>
                        <input type="text" id="account_no" class="form-control" name="account_no" required>
                    </div>
                    <div class="form-group">
                        <label for="routing_no">Routing No:</label>
                        <input type="text" id="routing_no" class="form-control" name="routing_no" required>
                    </div>
                    <div class="form-group">
                        <label for="total_page">Total Page:</label>
                        <input type="number" id="total_page" class="form-control" name="total_page" required>
                    </div>

                    <div class="form-group float-right">
                        <a href="{{ route('check-books.index') }}" class="btn btn-secondary ml-2">Cancel</a>
                        <button type="submit" class="btn btn-primary">Create</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

</div>
@endsection