@extends('admin.layouts.default')

@section('header_styles')
<style>
    .hide {
        display: none;
    }
</style>
@stop


@section('content')
<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <!--          <h1 class="m-0 text-dark">
              @yield('title', 'Edit Admin Details')
            </h1>-->
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item">{{ Breadcrumbs::render('restaurants') }}</li>

                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->
<section class="content">
    <div class="container-fluid">
        <div class="row">

            <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 card-primary">
                    <div class="card-header">
                        <h3 class="card-title">Restaurants Owner</h3>
                    </div>
                    <!-- /.card-header -->
                    <!-- form start -->
                    <form action="{{ url('administrator/restaurants/admins/' . encrypt($admin->users_id)) }}" method="POST" enctype="multipart/form-data" class="admins_form">
                        @csrf
                        @method('PUT')
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <input type="hidden" name="roles_id" value="{{ encrypt($roles->roles_id) }}">
                                    <div class="form-group row">
                                        <div class="col-sm-4">
                                            <label for="exampleInputGender">Title<span style="color:red">*</span></label>
                                        </div>
                                        <div class="col-sm-8">
                                            <select class="form-control" name="title" id="title">
                                                <option value="">Select Title</option>
                                                <option value="mr"
                                                    @if($admin->title == "mr")
                                                    {{ 'selected=selected' }}
                                                    @endif
                                                    >Mr.
                                                </option>
                                                <option value="miss"
                                                    @if($admin->title == "miss")
                                                    {{ 'selected=selected' }}
                                                    @endif
                                                    >Miss
                                                </option>
                                                <option value="mrs"
                                                    @if($admin->title == "mrs")
                                                    {{ 'selected=selected' }}
                                                    @endif
                                                    >Mrs.
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-4">
                                            <label for="exampleInputName">First Name <span style="color:red">*</span></label>
                                        </div>
                                        <div class="col-sm-8">
                                            <input type="text" name="first_name" value="{{ $admin->first_name }}" class="form-control" id="first_name" placeholder="Enter Name">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-4">
                                            <label for="exampleInputName">Last Name <span style="color:red">*</span></label>
                                        </div>
                                        <div class="col-sm-8">
                                            <input type="text" name="last_name" value="{{ $admin->last_name }}" class="form-control" id="last_name" placeholder="Enter Name">
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-4">
                                            <label for="exampleInputEmail1">Email address <span style="color:red">*</span></label>
                                        </div>
                                        <div class="col-sm-8">
                                            <input type="email" name="email" value="{{ $admin->email }}" class="form-control" id="email" placeholder="Enter email">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-4">
                                            <label for="exampleInputPhone">Phone <span style="color:red">*</span></label>
                                        </div>
                                        <div class="col-sm-8">
                                            <input type="text" name="phone" value="{{ $admin->phone }}" class="form-control" id="phone" placeholder="Enter your Phone">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-4">
                                            <label for="exampleInputName">Username <span style="color:red">*</span></label>
                                        </div>
                                        <div class="col-sm-8">
                                            <input type="text" name="user_name" value="{{ $admin->user_name }}" class="form-control" id="user_name" placeholder="Enter User Name">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-4">
                                            <label for="exampleInputPassword1">Password <span style="color:red">*</span></label>
                                        </div>
                                        <div class="col-sm-8">
                                            <input type="password" name="password" class="form-control" id="update_password" placeholder="Password">
                                            <input type="hidden" name="hid_password" value="{{ $admin->password }}">
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <div class="col-sm-4">
                                            <label for="exampleInputFile">Profile Picture</label>
                                        </div>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <div class="custom-file">
                                                    <input type="file" class="custom-file-input" name="avatar" id="file">
                                                    <input type="hidden" name="hid_avatar" value="{{ $admin->avatar }}">
                                                    <label class="custom-file-label" for="exampleInputFile">Choose Profile Pic</label>
                                                </div>

                                            </div>

                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group row">
                                        <div class="col-sm-4">
                                            <label>Picture Preview</label>
                                        </div>
                                        <div class="col-sm-8">
                                            <img src="#" id="pic" class="hide" alt="profile pic" style="border-radius: 5px;">
                                            @if($admin->avatar == '')
                                            <img src="{{ asset('default/150x150_default.png') }}" id="placeholder" class="" alt="profile pic" style="border-radius: 5px;">
                                            @else
                                            <img src="{{ URL::to('uploads/files/'.$admin->avatar) }}" id="placeholder" class="" alt="profile pic" style="border-radius: 5px; width: 150px; height: 150px;">
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- /.card-body -->
                            <div class="row">
                                <div class="col-md-6">
                                    <button type="submit" class="btn btn-primary">Update Owner</button>
                                </div>
                                <div class="col-md-6">
                                    <a href="{{ URL::to('administrator/restaurants/edit/'.encrypt($admin->restaurants_id).'/'.encrypt($admin->users_id)) }}" class="btn btn-primary">Edit Restaurant</a>
                                </div>
                            </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

@stop


@section('footer_scripts')
<script>
    function filePreview(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function(e) {
                $('#pic').attr('src', e.target.result)
                    .height(150)
                    .width(150);
                $("#pic").removeClass('hide');
                $("#placeholder").addClass('hide');
            };
            reader.readAsDataURL(input.files[0]);
        }
    }

    $("#file").change(function() {
        filePreview(this);
    });
</script>

@stop