@extends('panel.layouts.master')
@section('title', 'کاربران-ایجاد کاربر')
@section('content')
    <div class="container-fluid p-4">
        <div class="content-section slide-up">
            <form action="{{ route('users.store') }}" method="post">
                @csrf
                <input type="hidden" name="organization_id" value="{{ request()->get('organization_id') }}">
                <div class="row">
                    <div class="col-lg-6 col-md-6 mb-3">
                        <label class="form-label" for="name">نام</label>
                        <input type="text" name="name" id="name" value="{{ old('name') }}" class="form-control" placeholder="نام" required>
                    </div>
                    <div class="col-lg-6 col-md-6 mb-3">
                        <label class="form-label" for="family">نام خانوادگی</label>
                        <input type="text" name="family" id="family" value="{{ old('family') }}" class="form-control" placeholder="نام خانوادگی" required>
                    </div>
                    <div class="col-lg-6 col-md-6 mb-3">
                        <label class="form-label" for="phone">شماره تماس</label>
                        <input type="text" name="phone" id="phone" value="{{ old('phone') }}" class="form-control" placeholder="09123456789" required>
                    </div>
                    <div class="col-lg-6 col-md-6 mb-3">
                        <label class="form-label" for="national_code">کد ملی</label>
                        <input type="text" name="national_code" id="national_code" value="{{ old('national_code') }}" class="form-control" placeholder="0123456789">
                    </div>
                    <div class="col-lg-6 col-md-6 mb-3">
                        <label class="form-label" for="password">رمز عبور</label>
                        <input type="password" name="password" id="password" value="{{ old('password') }}" class="form-control" required>
                    </div>
                    <div class="col-lg-6 col-md-6 mb-3">
                        <label class="form-label" for="roles">نقش</label>
                        <select name="roles[]" id="roles" class="form-select" required>
                            <option value="" selected>انتخاب کنید</option>
                            @foreach($roles as $item)
                                <option value="{{ $item->name }}" @selected(request()->has('organization_id') && $item->name == 'organization_agent') }}>{{ $item->title }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <hr>
                <div class="row">
                    <h3>اطلاعات بانکی</h3>
                    <div class="col-lg-6 col-md-6 mb-3">
                        <label class="form-label" for="account_number">شماره حساب</label>
                        <input type="text" name="account_number" dir="ltr" id="account_number" value="{{ old('account_number') }}" class="form-control" placeholder="12345678" required>
                    </div>
                    <div class="col-lg-6 col-md-6 mb-3">
                        <label class="form-label" for="bank">بانک</label>
                        <input type="text" name="bank" id="bank" value="{{ old('bank') }}" class="form-control" placeholder="تجارت" required>
                    </div>
                    <div class="col-lg-12 col-md-12 mb-3">
                        <label class="form-label" for="iban">شماره شبا</label>
                        <input type="text" name="iban" id="iban" dir="ltr" value="{{ old('iban') }}" class="form-control" placeholder="IR0000000000000000" required>
                    </div>
                </div>
                <div class="d-flex gap-2 flex-wrap">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save me-2"></i>ذخیره
                    </button>
                    <button type="reset" class="btn btn-outline-secondary">
                        <i class="fas fa-undo me-2"></i>پاک کردن
                    </button>
                    <button class="btn btn-outline-danger ms-auto back-btn">
                        انصراف<i class="fas fa-chevron-left ms-2"></i>
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection