@extends('admin.layouts.default')

@section('header_styles')

@endsection

@section('content')

    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-3">

                    <!-- Profile Image -->
                    <div class="card card-primary card-outline">
                        <div class="card-body box-profile">
                            <div class="text-center">
                                @if($users->avatar == '')
                                    <img class="profile-user-img img-fluid img-circle"
                                         src="{{ asset('admin_assets/images/user.png') }}"
                                         alt="User profile picture">
                                @else
                                    <img class="profile-user-img img-fluid img-circle"
                                         src="{{ URL::to('uploads/files/'.$users->avatar) }}"
                                         alt="User profile picture">
                                @endif
                            </div>

                            <h3 class="profile-username text-center">{{ ucfirst($users->first_name) }}</h3>

                            <p class="text-muted text-center">{{ ucfirst($role->roles_names) }}</p>
                        </div>
                        <!-- /.card-body -->
                    </div>

                </div>
                <!-- /.col -->
                <div class="col-md-9">
                    <div class="card">
                        <div class="col-md-12">
                            @if(session()->has('message'))
                                <div class="alert alert-success">
                                    {{ session()->get('message') }}
                                </div>
                            @endif

                            @if ($errors->any())
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                            <div class="card-header p-2">
                                <ul class="nav nav-pills">
                                    <li class="nav-item"><a class="nav-link active" href="#personal-info"
                                                            data-toggle="tab">Personal Info</a></li>
                                    <li class="nav-item"><a class="nav-link" href="#settings" data-toggle="tab">Private
                                            Settings</a></li>

                                </ul>
                            </div><!-- /.card-header -->
                            <form action="{{ url('administrator/restaurants/admins/' . $users->users_id) }}" method="POST" enctype="multipart/form-data">
    @csrf
    @method('PUT')
                            <div class="card-body">
                                <div class="tab-content">
                                    <div class="active tab-pane" id="personal-info">
                                        <div class="form-group row">
                                            <label for="inputName" class="col-sm-2 col-form-label">First Name <span
                                                    style="color:red">*</span></label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" name="first_name" id="inputName"
                                                       value="{{ $users->first_name }}" placeholder="First Name">
                                                <input type="hidden" name="roles_id" value="{{ $users->roles_id }}">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="inputName" class="col-sm-2 col-form-label">Last Name <span
                                                    style="color:red">*</span></label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" name="last_name" id="inputName"
                                                       value="{{ $users->last_name }}" placeholder="Last Name">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="inputEmail" class="col-sm-2 col-form-label">Email <span
                                                    style="color:red">*</span></label>
                                            <div class="col-sm-10">
                                                <input type="email" class="form-control" name="email" id="inputEmail"
                                                       value="{{ $users->email }}" placeholder="Email">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="inputName2" class="col-sm-2 col-form-label">Phone <span
                                                    style="color:red">*</span></label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" name="phone" id="inputName2"
                                                       value="{{ $users->phone }}" placeholder="Phone">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="exampleInputGender" class="col-sm-2 col-form-label">Gender <span
                                                    style="color:red">*</span></label>
                                            <div class="col-sm-10">
                                                <select class="form-control" name="gender">
                                                    <option value="">Select Gender</option>
                                                    <option value="male"
                                                    @if($users->gender == 'male')
                                                        {{ 'selected=selected' }}
                                                        @endif
                                                    >Male
                                                    </option>
                                                    <option value="female"
                                                    @if($users->gender == 'female')
                                                        {{ 'selected=selected' }}
                                                        @endif
                                                    >Female
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="inputExperience" class="col-sm-2 col-form-label">Profile
                                                Pic</label>
                                            <div class="col-sm-10">
                                                <input type="file" class="form-control" value="{{ $users->avatar }}"
                                                       name="avatar">
                                                <input type="hidden" name="hid_avatar" value="{{ $users->avatar }}">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="inputExperience" class="col-sm-2 col-form-label">Current
                                                Pic</label>
                                            <div class="col-sm-10">
                                                @if($users->avatar)
                                                    <img class="profile-user-img img-fluid img-circle"
                                                         src="{{ URL::to('uploads/files/'.$users->avatar) }}"
                                                         alt="User profile picture">
                                                @else
                                                    <img class="profile-user-img img-fluid img-circle"
                                                         src="{{ URL::to('admin_assets/images/default-image.png') }}"
                                                         alt="Default profile picture">
                                                @endif
                                            </div>
                                        </div>

                                    </div>
                                    <!-- /.tab-pane -->
                                    <div class="tab-pane" id="settings">
                                        <div class="form-group row">
                                            <label for="inputName" class="col-sm-2 col-form-label">Username <span
                                                    style="color:red">*</span></label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" id="inputName" name="user_name"
                                                       value="{{ $users->user_name }}" placeholder="username">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="inputEmail" class="col-sm-2 col-form-label">Password</label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" name="password" id="inputEmail"
                                                       placeholder="Password">
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <div class="offset-sm-2 col-sm-10">
                                                <button type="submit" class="btn btn-danger">Submit</button>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- /.tab-pane -->

                                </div>

                                <!-- /.tab-content -->
                            </div><!-- /.card-body -->
                            </form>
                        </div>
                        <!-- /.nav-tabs-custom -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
            </div><!-- /.container-fluid -->
    </section>

@endsection

@section('footer_scripts')

@endsection