@extends('employee.layouts.container')

@section('content')

<div class="body-content">
    <div class="contacts">
        <div class="contacts-box">
            <div class="contacts-body">
                <div class="contacts-box">
                    <div class="contact-row p-0 border-0">
                        <div class="table-responsive">
                            <form method="post" onsubmit="saveForm(this)" action="{{ $action }}" enctype="multipart/form-data">
                                @csrf
                                    <div class="form-group mb-3">
                                        <label for="" class="d-block mb-2"> {{ __('employees.name') }} <span style="color:red">*</span></label>
                                        <input type="text" name="name" class="form-control" value="{{$employee->name ?? ''}}" placeholder=" {{ __('employees.name') }}">
                                    </div>
                                    <div class="form-group mb-3">
                                        <label for="" class="d-block mb-2"> {{ __('employees.email') }} <span style="color:red">*</span></label>
                                        <input type="email" name="email" class="form-control" value="{{$employee->email ?? ''}}" placeholder="example@gmail.com">
                                    </div>
                                    <div class="form-group mb-3">
                                        <label for="" class="d-block mb-2"> {{ __('employees.phone') }} </label>
                                        <div class="input-group">
                                            <select name="phone_country_id" id="" class="form-control form-select">
                                                @foreach($countries as $row)
                                                    <option {{ ($employee->phone_country_id ?? '' ) == $row->id ? 'selected' : '' }} value="{{$row->id}}"> {{$row->country_key}} </option>
                                                @endforeach
                                            </select>
                                            <input type="text" name="phone" class="form-control col-8" placeholder="000 000 000" value="{{$employee->phone ?? ''}}" aria-label="Username" aria-describedby="basic-addon1">
                                        </div>
                                    </div>

                                    <div class="form-group mb-3">
                                        <div class="form-group mb-3">
                                            <label for="" class="d-block mb-2"> {{ __('users.password') }} </label>
                                            <input type="password" name="password" class="form-control" placeholder="{{ __('users.password') }}">
                                        </div>
                                    </div>
                                    <div class="form-group mb-3">
                                        <div class="form-group mb-3">
                                            <label for="" class="d-block mb-2"> {{ __('users.password_confirmation') }} </label>
                                            <input type="password" name="password_confirmation" class="form-control" placeholder="{{ __('users.password_confirmation') }}">
                                        </div>
                                    </div>

                                    <div class="modal-footer">
                                        <button type="submit" class="blue-butn butn-st2 butn-md"><span> {{ __('dashboard.save') }} </span></button>
                                    </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>






@endsection

@section('inner_js')
    <script src="{{url('')}}/assets/admin/js/custom/imageUpload.js"></script>
@endsection
