@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="page-title">
            <div class="row project-list">
                <div class="col-sm-6">
                    <h3>{{__('app.create_user', ['role' => request()->has('role') ? ucfirst(request()->get('role')) : 'User'])}}</h3>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        @if (session('error'))
            <div class="alert alert-danger" id="message" role="alert">
                <p> {{ session('error') }}</p>
            </div>
        @endif
        <div class="row">
            <div class="col-sm-12">
                <form class="needs-validation" novalidate="" method="POST" action="{{route('users.store')}}">
                    @csrf
                    <div class="card">
                        <div class="card-body">
                            <div class="row g-3 mb-3">
                                <div class="col-md-4">
                                    <label class="form-label" for="name">{{__('messages.name')}}</label>
                                    <input class="form-control" id="name" name="name" type="text" placeholder="{{__('messages.name')}}" required="" value="{{old('name')}}">
                                    @error('name')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label" for="username">{{__('messages.username')}}</label>
                                    <input class="form-control" id="username" name="username" type="text" placeholder="{{__('messages.username')}}" required="" value="{{old('username')}}">
                                    @error('username')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label" for="email">{{__('messages.email')}}</label>
                                    <div class="input-group left-radius"><span class="input-group-text" id="inputGroupPrepend">@</span>
                                        <input class="form-control" id="email" name="email" type="text" aria-describedby="inputGroupPrepend" placeholder="{{__('messages.email')}}" required="" value="{{old('email')}}">
                                    </div>
                                    @error('email')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="row g-3 mb-3">
                                <div class="col-md-6">
                                    <label class="form-label" for="address">{{__('messages.address')}}</label>
                                    <textarea class="form-control" id="address" name="address" required="" placeholder="{{__('messages.address')}}">{{old('address')}}</textarea>

                                    @error('address')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label" for="role">{{__('messages.role')}}</label>
                                    @if(request()->has('role'))
                                        <select class="form-select"  name="role" required="">
                                            @foreach($roles as $role)
                                                @if(request()->get('role') == $role->name)
                                                    <option value="{{$role->id}}" data-val="{{strtolower($role->name)}}" selected>{{strtoupper($role->name)}}</option>
                                                @endif
                                            @endforeach
                                        </select>
                                    @else
                                        <select class="form-select" id="role" name="role" required="">
                                            <option selected="" disabled="" value="">{{__('messages.choose')}}...</option>
                                            @foreach($roles as $role)
                                                <option value="{{$role->id}}" data-val="{{strtolower($role->name)}}" {{old('role') == $role->id ? 'selected' : ''}}>{{strtoupper($role->name)}}</option>
                                            @endforeach
                                        </select>
                                    @endif
                                    @error('role')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label" for="phone">{{__('messages.phone')}}</label>
                                    <input class="form-control" id="phone" name="phone" type="text" required="" placeholder="0612345678" value="{{old('phone')}}">

                                    @error('phone')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="row g-3 mb-3">
                                <div class="col-md-12">
                                    <label class="form-label" for="avatar">{{__('messages.avatar')}}</label>
                                    <input class="form-control" id="avatar" name="avatar" type="file" value="{{old('avatar')}}">

                                    @error('avatar')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <button class="btn btn-primary generic @if(request()->has('role')) d-none @endif" type="submit">{{__('messages.add_user')}}</button>
                        </div>
                    </div>

{{--                    <div class="card client {{request()->has('role') && request()->get('role') === 'client' ? '' : 'd-none'}}">--}}
{{--                        <div class="card-header pb-0">--}}
{{--                            <h4>{{__('messages.client')}}</h4>--}}
{{--                        </div>--}}
{{--                        <div class="card-body">--}}
{{--                            <div class="row g-3 mb-3">--}}
{{--                                <div class="col-md-6">--}}
{{--                                    <label class="form-label" for="company">{{__('messages.company')}}</label>--}}
{{--                                    <input class="form-control" id="company" name="client[company]" type="text" placeholder="{{__('messages.company')}}" required="" @if(!request()->has('role')) disabled @endif value="{{old('client[company]')}}">--}}

{{--                                    @error('client[company]')--}}
{{--                                    <div class="invalid-feedback d-block">{{ $message }}</div>--}}
{{--                                    @enderror--}}
{{--                                </div>--}}
{{--                                <div class="col-md-6">--}}
{{--                                    <label class="form-label" for="company_address">{{__('messages.address')}}</label>--}}
{{--                                    <textarea class="form-control" id="company_address" name="client[company_address]" required="" placeholder="{{__('messages.address')}}" @if(!request()->has('role')) disabled @endif>{{old('client[company_address]')}}</textarea>--}}
{{--                                    @error('client[company_address]')--}}
{{--                                    <div class="invalid-feedback d-block">{{ $message }}</div>--}}
{{--                                    @enderror--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                            <div class="row g-3 mb-3">--}}
{{--                                <div class="col-md-12">--}}
{{--                                    <label class="form-label" for="logo">{{__('messages.logo')}}</label>--}}
{{--                                    <input class="form-control" id="logo" name="client[logo]" type="file" @if(!request()->has('role')) disabled @endif value="{{old('client[logo]')}}">--}}
{{--                                    @error('avatar')--}}
{{--                                    <div class="invalid-feedback d-block">{{ $message }}</div>--}}
{{--                                    @enderror--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                            <div class="row g-3 mb-3">--}}
{{--                                <div class="col-md-3">--}}
{{--                                    <label class="form-label" for="lead_price">{{__('messages.lead_price')}}</label>--}}
{{--                                    <input class="form-control" id="lead_price" name="client[lead_price]" type="number" placeholder="10.0" required="" @if(!request()->has('role')) disabled @endif value="{{old('client[lead_price]')}}">--}}
{{--                                    @error('client[lead_price]')--}}
{{--                                    <div class="invalid-feedback d-block">{{ $message }}</div>--}}
{{--                                    @enderror--}}
{{--                                </div>--}}
{{--                                <div class="col-md-3">--}}
{{--                                    <label class="form-label" for="confirmed_price">{{__('messages.confirmed_price')}}</label>--}}
{{--                                    <input class="form-control" id="confirmed_price" name="client[confirmed_price]" type="number" placeholder="10.0" required="" @if(!request()->has('role')) disabled @endif value="{{old('client[confirmed_price]')}}">--}}
{{--                                    @error('client[confirmed_price]')--}}
{{--                                    <div class="invalid-feedback d-block">{{ $message }}</div>--}}
{{--                                    @enderror--}}
{{--                                </div>--}}
{{--                                <div class="col-md-3">--}}
{{--                                    <label class="form-label" for="delivered_price">{{__('messages.delivered_price')}}</label>--}}
{{--                                    <input class="form-control" id="delivered_price" name="client[delivered_price]" type="number" placeholder="10.0" required="" @if(!request()->has('role')) disabled @endif value="{{old('client[delivered_price]')}}">--}}
{{--                                    @error('client[delivered_price]')--}}
{{--                                    <div class="invalid-feedback d-block">{{ $message }}</div>--}}
{{--                                    @enderror--}}
{{--                                </div>--}}
{{--                                <div class="col-md-3">--}}
{{--                                    <label class="form-label" for="subscription">{{__('messages.subscription')}}</label>--}}
{{--                                    <input class="form-control" id="subscription" name="client[subscription]" type="number" placeholder="10.0" required="" @if(!request()->has('role')) disabled @endif value="{{old('client[subscription]')}}">--}}
{{--                                    @error('client[subscription]')--}}
{{--                                    <div class="invalid-feedback d-block">{{ $message }}</div>--}}
{{--                                    @enderror--}}
{{--                                </div>--}}
{{--                            </div>--}}

{{--                            <button class="btn btn-primary" type="submit">{{__('messages.add_user')}}</button>--}}
{{--                        </div>--}}
{{--                    </div>--}}

{{--                    <div class="card agent {{request()->has('role') && request()->get('role') === 'agent' ? '' : 'd-none'}}">--}}
{{--                        <div class="card-header pb-0">--}}
{{--                            <h4>{{__('messages.agent')}}</h4>--}}
{{--                        </div>--}}
{{--                        <div class="card-body">--}}
{{--                            <div class="row g-3 mb-3">--}}
{{--                                <div class="col-md-3">--}}
{{--                                    <label class="form-label" for="salary">{{__('messages.salary')}}</label>--}}
{{--                                    <input class="form-control" id="salary" name="agent[salary]" type="number" placeholder="10.0" required="" @if(!request()->has('role')) disabled @endif value="{{old('agent[salary]')}}">--}}
{{--                                    @error('agent[salary]')--}}
{{--                                    <div class="invalid-feedback d-block">{{ $message }}</div>--}}
{{--                                    @enderror--}}
{{--                                </div>--}}
{{--                                <div class="col-md-3">--}}
{{--                                    <label class="form-label" for="lead_commission">{{__('messages.lead_commission')}}</label>--}}
{{--                                    <input class="form-control" id="lead_commission" name="agent[lead_commission]" type="number" placeholder="10.0" required="" @if(!request()->has('role')) disabled @endif value="{{old('agent[lead_commission]')}}">--}}
{{--                                    @error('agent[lead_commission]')--}}
{{--                                    <div class="invalid-feedback d-block">{{ $message }}</div>--}}
{{--                                    @enderror--}}
{{--                                </div>--}}
{{--                                <div class="col-md-3">--}}
{{--                                    <label class="form-label" for="confirmed_commission">{{__('messages.confirmed_commission')}}</label>--}}
{{--                                    <input class="form-control" id="confirmed_commission" name="agent[confirmed_commission]" type="number" placeholder="10.0" required="" @if(!request()->has('role')) disabled @endif value="{{old('agent[confirmed_commission]')}}">--}}
{{--                                    @error('agent[confirmed_commission]')--}}
{{--                                    <div class="invalid-feedback d-block">{{ $message }}</div>--}}
{{--                                    @enderror--}}
{{--                                </div>--}}
{{--                                <div class="col-md-3">--}}
{{--                                    <label class="form-label" for="delivered_commission">{{__('messages.delivered_commission')}}</label>--}}
{{--                                    <input class="form-control" id="delivered_commission" name="agent[delivered_commission]" type="number" placeholder="10.0" required="" @if(!request()->has('role')) disabled @endif value="{{old('agent[delivered_commission]')}}">--}}
{{--                                    @error('agent[delivered_commission]')--}}
{{--                                    <div class="invalid-feedback d-block">{{ $message }}</div>--}}
{{--                                    @enderror--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                            <div class="row g-3 mb-3">--}}
{{--                                <div class="col-md-12">--}}
{{--                                    <label class="form-label" for="rib">{{__('messages.rib')}}</label>--}}
{{--                                    <input class="form-control" id="rib" name="agent[rib]" type="text" required="" @if(!request()->has('role')) disabled @endif value="{{old('agent[rib]')}}">--}}
{{--                                    @error('rib')--}}
{{--                                    <div class="invalid-feedback d-block">{{ $message }}</div>--}}
{{--                                    @enderror--}}
{{--                                </div>--}}
{{--                            </div>--}}

{{--                            <button class="btn btn-primary" type="submit">{{__('messages.add_user')}}</button>--}}
{{--                        </div>--}}
{{--                    </div>--}}
                </form>
            </div>
        </div>
    </div>
@endsection