@extends('admin.layouts.layouts')

@section('title', 'Edit | Bank')

@section('page-css')
    <style>
        .owner_details {
            border: 2px solid #ccc;
            border-radius: 10px;
            padding: 15px;
            margin-bottom: 15px;
        }
    </style>
@endsection

@section('content')
    <div class="page-header">
        <h3 class="page-title">
            Edit Bank
        </h3>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item">Master</li>
                <li class="breadcrumb-item">Office Master</a></li>
                <li class="breadcrumb-item"><a href="{{ route('bank.index') }}">Bank</a></li>
                <li class="breadcrumb-item active" aria-current="page">Edit</li>
            </ol>
        </nav>
    </div>

    <div class="card">
        {!! Form::open([
            'route' => 'bank.store',
            'method' => 'POST',
            'id' => 'bank_form',
        ]) !!}
        @csrf
        <div class="card-body">
            {{-- Basic Details --}}
            {!! Form::hidden('id', $bankDetail->id, ['id' => 'id']) !!}
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label class="form-label">Location <span class="text-danger">*</span></label>
                        <select class="form-control selectLocation" name="location_id" id="location_id"
                            data-parsley-trigger="keyup" data-parsley-required
                            data-parsley-required-message="Please select location"
                            data-parsley-errors-container='#location_id_error'>
                            <option value="">Select Location</option>
                            @foreach ($locations as $id => $location)
                                <option value="{{ $id }}"
                                    {{ old('location_id', $bankDetail->location_id) == $id ? 'selected' : '' }}>
                                    {{ $location }}
                                </option>
                            @endforeach
                        </select>
                        <span class="text-danger error-msg" id="location_id_error">{{ $errors->first('location_id') }}</span>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label for="name" class="form-label">Name <span
                                class="text-danger">*</span></label>
                        <input type="text" name="name" id="name" class="form-control onlytxt"
                            placeholder="Enter Name" value="{{ old('name', $bankDetail->name ?? '') }}" data-parsley-required
                            data-parsley-trigger='keyup' data-parsley-required-message="Please enter name"
                            data-parsley-pattern='^[a-zA-Z_ ]*$' maxlength="100" data-parsley-maxlength="100"
                            data-parsley-maxlength-message="Name may not be greater than 100 characters"
                            data-parsley-pattern-message='Only alphabets are allowed' data-parsley-errors-container='#name_error'>
                        <span class="text-danger"
                            id="name_error">{{ $errors->first('name') }}</span>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label for="branch_name" class="form-label">Branch Name <span
                                class="text-danger">*</span></label>
                        <input type="text" name="branch_name" id="branch_name" class="form-control onlytxt"
                            placeholder="Enter Branch Name" value="{{ old('branch_name', $bankDetail->branch_name ?? '') }}" data-parsley-required
                            data-parsley-trigger='keyup' data-parsley-required-message="Please enter branch name"
                            data-parsley-pattern='^[a-zA-Z_ ]*$'
                            data-parsley-pattern-message='Only alphabets are allowed' data-parsley-errors-container='#branch_name_error'>
                        <span class="text-danger"
                            id="branch_name_error">{{ $errors->first('branch_name') }}</span>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label for="account_no" class="form-label">Account Number <span
                                class="text-danger">*</span></label>
                        <input type="text" name="account_no" id="account_no"
                            class="form-control bankAccNumber" placeholder="Enter Account Number"
                            value="{{ old('account_no', $bankDetail->account_no ?? '') }}" data-parsley-required data-parsley-trigger='keyup'
                            data-parsley-required-message="Please enter account number" maxlength="20"
                            oninput="this.value=this.value.slice(0,this.maxLength)" data-parsley-minlength="9"
                            data-parsley-minlength-message="Account number at least 9 characters long"
                            data-parsley-maxlength="20"
                            data-parsley-maxlength-message="Account number may not be greater than 20 character"
                            data-parsley-errors-container='#account_no_error'>
                        <span class="text-danger" id="account_no_error">{{ $errors->first('account_no') }}</span>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label for="account_name" class="form-label">Account Name <span
                                class="text-danger">*</span></label>
                        <input type="text" name="account_name" id="account_name" class="form-control onlytxt"
                            placeholder="Enter Account Name" value="{{ old('account_name', $bankDetail->account_name ?? '') }}" data-parsley-required
                            data-parsley-trigger='keyup' data-parsley-required-message="Please enter account name"
                            data-parsley-pattern='^[a-zA-Z_ ]*$'
                            data-parsley-pattern-message='Only alphabets are allowed' data-parsley-errors-container='#account_name_error'>
                        <span class="text-danger"
                            id="account_name_error">{{ $errors->first('account_name') }}</span>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label for="ifsc_code" class="form-label">IFSC Code <span
                                class="text-danger">*</span></label>
                        <input type="text" name="ifsc_code" id="ifsc_code" class="form-control bankIFSCCode"
                            placeholder="Enter IFSC Code" value="{{ old('ifsc_code', $bankDetail->ifsc_code ?? '') }}"
                            data-parsley-required data-parsley-trigger='keyup'
                            data-parsley-required-message="Please enter IFSC code" maxlength="11"
                            oninput="this.value=this.value.slice(0,this.maxLength)" data-parsley-minlength="11"
                            data-parsley-minlength-message="IFSC code at least 11 characters long"
                            data-parsley-maxlength="11"
                            data-parsley-maxlength-message="IFSC code may not be greater than 11 character"
                            data-parsley-errors-container='#ifsc_code_error'>
                        <span class="text-danger" id="ifsc_code_error">{{ $errors->first('ifsc_code') }}</span>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label for="micr_code" class="form-label">MICR Code</label>
                        <input type="text" name="micr_code" id="micr_code" class="form-control bankMICRCode" placeholder="Enter MICR Code" value="{{ old('micr_code', $bankDetail->micr_code ?? '') }}" data-parsley-trigger="keyup" maxlength="9" oninput="this.value = this.value.replace(/[^0-9]/g, '').slice(0, this.maxLength)" data-parsley-length="[9,9]" data-parsley-length-message="MICR code must be exactly 9 digits" data-parsley-errors-container="#micr_code_error">
                        <span class="text-danger" id="micr_code_error">{{ $errors->first('micr_code') }}</span>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label for="address" class="form-label">Address <span class="text-danger">*</span></label>
                        <textarea name="address" id="address" rows="3" placeholder="Enter Address" class="form-control"
                            data-parsley-required data-parsley-trigger='keyup' data-parsley-required-message="Please enter address" data-parsley-errors-container='#address_error'>{{ old('address', $bankDetail->address ?? '') }}</textarea>
                        <span class="text-danger" id="address_error">{{ $errors->first('address') }}</span>
                    </div>
                </div>

            </div>
        </div>
        <div class="card-footer">
            <button type="submit" class="btn btn-primary btn-fw" id="addBank">Update</button>
            <a href="{{ route('bank.index') }}" class="btn btn-light btn-fw">Cancel</a>
        </div>

        {{ Form::close() }}
    </div>
@endsection
@section('page-js')
    <script>
        var bankID = "";
        var indexRoute = "{{ route('bank.index') }}";
        var storeRoute = "{{ route('bank.store') }}";
    </script>
    <script src="{{ asset('assets/js/admin/bank.js') }}"></script>
@endsection