@extends('layouts.main')
@section('content')
<div class="page-wrapper">
  <div class="page-breadcrumb">
    <div class="row">
      <div class="col-12 d-flex no-block align-items-center">
        <h4 class="page-title">{{__('message.user')}}</h4>
        <div class="ms-auto text-end">
          <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
              <li class="breadcrumb-item">
                <a href="{{route('users.create')}}" class="btn btn-primary btn-sm">
                  <i class="fa fa-plus"></i> 
                  {{{__('message.add new')}}}
                </a>
              </li>
            </ol>
          </nav>
        </div>
      </div>
    </div>
  </div>
  <div class="container-fluid" style="padding-top: 0px;">
    <div class="card">
      <div class="card-body form wizard-content">
        @if(empty($user))
        <form  method="POST" action="{{route('users.store')}}" class="mt-5">
          {{ csrf_field() }}
            <section class="col-sm-6">
              <div class="mb-3 mt-3">
                <label for="email">{{__('message.name')}}</label>
                <input type="text" class="form-control" placeholder="{{__('message.name')}}" name="name" required>
              </div>
              <div class="mb-3">
                <label>{{__('message.phone')}}</label>
                <input type="text" class="form-control" placeholder="{{__('message.phone')}}" name="phone" required>
              </div>
               <div class="mb-3">
                <label>{{__('message.password')}}</label>
                <input type="password" class="form-control" placeholder="{{__('message.password')}}" name="password" required>
              </div>
              <div class="mb-3">
                <label>{{__('message.role')}}</label>
                <select class="form-select" name="role_id">
                  @foreach($roles as $index=>$role)
                  <option value="{{$role->id}}">
                    {{$role->name}}
                  </option>
                  @endforeach
                </select>
              </div>
              <div class="mb-3">
                <label>{{__('message.allow to change exchange rate')}}</label>
                <input class="form-check-input" type="checkbox" value="1">
              </div>
              
              <div class="text-center">
                <button class="btn btn-danger btn-sm" type="button" onclick="window.history.back();">
                  {{__('message.cancel')}}
                </button>
                <button type="submit" class="btn btn-primary btn-sm">
                  <i class="fa fa-save"></i>
                  {{__('message.save')}}
                </button>
              </div>
            </section>
        </form>
        @else
        <form method="POST" action="{{route('users.update', $user)}}" class="mt-5">
          <input name="_method" type="hidden" value="PUT">
          {{ csrf_field() }}
            <section class="col-sm-6">
              <div class="mb-3 mt-3">
                <label for="email">{{__('message.name')}}</label>
                <input type="text" class="form-control" placeholder="{{__('message.name')}}" name="name" value="{{$user->name}}" required>
              </div>
              <div class="mb-3">
                <label>{{__('message.phone')}}</label>
                <input type="text" class="form-control" placeholder="{{__('message.phone')}}" name="phone" value="{{$user->phone}}" required>
              </div>
               <div class="mb-3">
                <label>
                  {{__('message.password')}}
                  <span style="color:#da542e;font-size: 13px;">
                   ({{__("message.keep it blank if you don't want to change password")}})
                  </span>
                </label>
                <input type="password" class="form-control" placeholder="{{__('message.password')}}" name="password">
              </div>
              @if($user->id!=Auth::id())
              <div class="mb-3">
                <label>{{__('message.role')}}</label>
                <select class="form-select" name="role_id">
                  @foreach($roles as $index=>$role)
                  <option value="{{$role->id}}" @if($role->id==$user->role_id) selected @endif>
                    {{$role->name}}
                  </option>
                  @endforeach
                </select>
              </div>
              <div class="mb-3">
                <label>{{__('message.status')}}</label>
                <select class="form-select" name="is_active">
                  <option value="1" @if($user->is_active) selected @endif>{{__('message.enable')}}</option>
                  <option value="0" @if(!$user->is_active) selected @endif>{{__('message.disable')}}</option>
                </select>
              </div>
              <div class="mb-3">
                <label>{{__('message.allow to change exchange rate')}}</label>
                <select class="form-select" name="allow_to_change_exchange_rate">
                  <option value="1" @if($user->allow_to_change_exchange_rate==1) selected @endif>
                    {{__('message.yes')}}
                  </option>
                  <option value="0" @if($user->allow_to_change_exchange_rate==0) selected @endif>
                    {{__('message.no')}}
                  </option>
                </select>
              </div>              
              @endif
              <div class="text-center">
                <button class="btn btn-danger btn-sm" type="button" onclick="window.history.back();">
                  {{__('message.cancel')}}
                </button>
                <button type="submit" class="btn btn-primary btn-sm">
                  <i class="fa fa-save"></i>
                  {{__('message.save')}}
                </button>
              </div>
            </section>
        </form>
        @endif
      </div>
    </div>
  </div>
</div>
@endsection
@section('meta')
  <title>{{__('message.user')}}</title>
@endsection