@extends('layouts/contentLayoutMaster')

@section('title', __('forms.banks.btn_new'))

@section('vendor-style')
<!-- vendor css files -->
<link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/select/select2.min.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('vendors/css/pickers/pickadate/pickadate.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('vendors/css/pickers/flatpickr/flatpickr.min.css')) }}">
@endsection

@section('page-style')
<link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/pickers/form-flat-pickr.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/pickers/form-pickadate.css')) }}">
@endsection

@section('content')
<div class="card">
    <div class="card-header">
        <h4 class="card-title">@lang('forms.banks.btn_new')</h4>
    </div>
    <div class="card-body">
        <div class="card-text">
            <form method="post" action="{{ route('banks.store') }}" enctype="multipart/form-data">
                @csrf
                <br>
                <div class="row mb-1">
                    <div class="col-md-8">
                        <div class="form-group">
                            <label for="name">@lang('forms.banks.name') <sup>*</sup></label>
                            <input type="text" class="form-control" id="name" name="name" value="{{ old('name') }}" autofocus>
                            @error('name')
                            <span class="text text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="code">@lang('forms.banks.code') <sup>*</sup></label>
                            <input type="text" class="form-control" id="code" name="code" value="{{ old('code') }}" >
                            @error('code')
                            <span class="text text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                </div>
                <hr>
                <button type="submit" class="btn btn-primary">@lang('forms.config.save') <i data-feather='save'></i></button>
            </form>
        </div>
    </div>
</div>
@endsection

@section('vendor-script')
{{-- vendor files --}}
<script src="{{ asset(mix('vendors/js/forms/select/select2.full.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/pickers/pickadate/picker.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/pickers/pickadate/picker.date.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/pickers/pickadate/picker.time.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/pickers/pickadate/legacy.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/pickers/flatpickr/flatpickr.min.js')) }}"></script>
@endsection

@section('page-script')
{{-- Page js files --}}
<script src="{{ asset(mix('js/scripts/forms/form-select2.js')) }}"></script>
{{-- <script src="{{ asset(mix('js/scripts/forms/pickers/form-pickers.js')) }}"></script> --}}
@endsection