@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>Bank Account</h5> <a href="{{ route('bank_account.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('bank_account.store') }}">
            @csrf
            <div class="row justify-content-center">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="account_type">Account Type <span class="text-danger">*</span></label>
                        <select class="form-control select2 account_type" name="account_type" id="account_type" required>
                            <option value="">-- Select Account Type --</option>
                            @foreach ($types as $type)
                            <option value="{{$type}}">{{$type}}</option>
                            @endforeach
                        </select>
                        @error('account_type')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="account_name">Account Name <span class="text-danger">*</span></label>
                        <input id="account_name" type="text" required
                            class="form-control @error('account_name') is-invalid @enderror" name="account_name"
                            value="{{ old('account_name') }}" placeholder="Enter Account Name" autofocus>
                        @error('account_name')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="account_number">Account Number <span class="text-danger">*</span></label>
                        <input id="account_number" type="text" required
                            class="form-control @error('account_number') is-invalid @enderror" name="account_number"
                            value="{{ old('account_number') }}" placeholder="Enter Account Number" autofocus>
                        @error('account_number')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="branch_address">Branch Address <span class="text-danger">*</span></label>
                        <textarea name="branch_address" id="branch_address" placeholder="Branch Address" class="form-control" rows="4" required></textarea>
                        @error('branch_address')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="bank_name">Bank Name *</label>
                        <input id="bank_name" type="text" required
                            class="form-control @error('bank_name') is-invalid @enderror" name="bank_name"
                            value="{{ old('bank_name') }}" placeholder="Enter Bank Name" autofocus>
                        @error('bank_name')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="contact_number">Contact Number</label>
                        <input id="contact_number" type="number"
                            class="form-control @error('contact_number') is-invalid @enderror" name="contact_number"
                            value="{{ old('contact_number') }}" placeholder="Enter Contact Number" autofocus>
                        @error('contact_number')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="opening_date">Opening Date </label>
                        <input id="opening_date" type="date"
                            class="form-control @error('opening_date') is-invalid @enderror" name="opening_date"
                            value="{{ old('opening_date') }}"  autofocus>
                        @error('opening_date')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="form-group float-right">
                        <a href="{{ route('bank_account.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