@extends('admin.layout.master')
@section('title', 'Manage User')
@section('content')
<div class="user-profile-page">
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-12 col-lg-7 border-right">
                    <div class="d-md-flex align-items-center">
                        <div class="mb-md-0 mb-3">
                            <img src="assets/images/avatars/avatar-1.png" class="rounded-circle shadow" alt="" width="130" height="130">
                        </div>
                        <div class="ml-md-4 flex-grow-1">
                            <div class="d-flex align-items-center mb-1">
                                <h4 class="mb-0">{{$user->name}}</h4>
                                {{-- <p class="mb-0 ml-auto">$44/hr</p> --}}
                            </div>
                            <p class="mb-0 text-muted">{{$user->roles->first()->name}}</p>
                            <p class="text-primary">
                                <span class="iconify" data-icon="bx-bx-mail-send" data-inline="false"></span>{{$user->email}}
                            </p>
                            {{-- <p class="text-primary"><i class="bx bx-buildings"></i> Epic Coders</p> --}}
                            <button type="button" class="btn btn-primary">Connect</button>
                            <button type="button" class="btn btn-outline-secondary ml-2">Resume</button>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-lg-5">
                    <table class="table table-sm table-borderless mt-md-0 mt-3">
                        <tbody>
                            <tr>
                                <th>Roles:</th>
                                <td>
                                    {{-- <span class="badge badge-success">available</span> --}}
                                    @forelse($user->roles as $role)
                                        <span class="badge badge-success">{{$role->name}}</span>,
                                        @empty
                                        {{'Yet Not Assigned'}}
                                    @endforelse
                                </td>
                            </tr>
                            <tr>
                                <th>Warehouses:</th>
                                <td>
                                    {{-- <span class="badge badge-success">available</span> --}}
                                    @forelse($user->warehouses as $warehouse)
                                        <span class="badge badge-info">{{$warehouse->name_eng}}</span>,
                                        @empty
                                        {{'Yet Not Assigned'}}
                                    @endforelse
                                </td>
                            </tr>
                            <tr>
                                <th>Costcenter:</th>
                                <td>
                                    {{-- <span class="badge badge-success">available</span> --}}
                                    @forelse($user->costcenters as $costcenter)
                                        <span class="badge badge-dark">{{$costcenter->name}}</span>,
                                        @empty
                                        {{'Yet Not Assigned'}}
                                    @endforelse
                                </td>
                            </tr>
                            {{-- <tr>
                                <th>Age:</th>
                                <td>27</td>
                            </tr>
                            <tr>
                                <th>Location:</th>
                                <td>Sankt, Petersburg, Russia</td>
                            </tr>
                            <tr>
                                <th>Years experience:</th>
                                <td>6</td>
                            </tr> --}}
                        </tbody>
                    </table>
                    {{-- <div class=""> <a href="javaScript:;" class="btn btn-sm btn-link"><i class="bx bxl-github"></i></a>
                        <a href="javaScript:;" class="btn btn-sm btn-link"><i class="bx bxl-twitter"></i></a>
                        <a href="javaScript:;" class="btn btn-sm btn-link"><i class="bx bxl-facebook"></i></a>
                        <a href="javaScript:;" class="btn btn-sm btn-link"><i class="bx bxl-linkedin"></i></a>
                        <a href="javaScript:;" class="btn btn-sm btn-link"><i class="bx bxl-dribbble"></i></a>
                        <a href="javaScript:;" class="btn btn-sm btn-link"><i class="bx bxl-stack-overflow"></i></a>
                    </div> --}}
                </div>
            </div>
            <!--end row-->
        </div>
    </div>
    <div class="card">
        
    </div>
    <div class="card">
        <div class="card-body">
            <ul class="nav nav-tabs">
                {{-- <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#Experience"><span class="p-tab-name">Experience</span><i class="bx bx-donate-blood font-24 d-sm-none"></i></a>
                </li>
                <li class="nav-item"> <a class="nav-link" id="profile-tab" data-toggle="tab" href="#Biography"><span class="p-tab-name">Biography</span><i class="bx bxs-user-rectangle font-24 d-sm-none"></i></a>
                </li> --}}
                <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#Edit-Profile"><span class="p-tab-name">Edit Profile</span><i class="bx bx-message-edit font-24 d-sm-none"></i></a>
                </li>
            </ul>
        </div>
        <div class="card-body">
            <div class="tab-content">
                {{-- <div class="tab-pane fade show active" id="Experience">
                    <div class="card shadow-none border mb-0">
                        <div class="card-body">
                            <div class="d-sm-flex align-items-center mb-3">
                                <h4 class="mb-0">Job Experience</h4>
                                <p class="mb-0 ml-sm-3 text-muted">3 Job History</p> <a href="javaScript:;" class="btn btn-outline-secondary ml-auto radius-10"><i class="bx bx-plus"></i> Add More</a>
                            </div>
                            <div class="media"> <i class="bx bxl-dribbble media-icons bg-dribbble"></i>
                                <div class="media-body ml-3">
                                    <div class="row align-items-center">
                                        <div class="col-lg-4">
                                            <h5 class="mb-0">Graphic Designer</h5>
                                            <p class="mb-0">Dribbble Inc</p>
                                        </div>
                                        <div class="col-lg-4">
                                            <h5 class="text-muted mb-0"><i class="bx bx-time"></i> Feb-2017-Dec-2017</h5>
                                        </div>
                                        <div class="col-lg-4">
                                            <h5 class="text-muted mb-0"><i class="bx bxs-map"></i> New York, USA</h5>
                                        </div>
                                    </div>
                                    <p class="mt-2">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing.</p>
                                    <h6>Media Files(2)</h6>
                                    <div class="row">
                                        <div class="col-12 col-lg-3">
                                            <img src="assets/images/gallery/35.jpg" class="img-thumbnail" alt="">
                                        </div>
                                        <div class="col-12 col-lg-3">
                                            <img src="assets/images/gallery/36.jpg" class="img-thumbnail" alt="">
                                        </div>
                                        <div class="col-12 col-lg-3">
                                            <img src="assets/images/gallery/37.jpg" class="img-thumbnail" alt="">
                                        </div>
                                        <div class="col-12 col-lg-3">
                                            <img src="assets/images/gallery/38.jpg" class="img-thumbnail" alt="">
                                        </div>
                                    </div>
                                    <hr>
                                </div>
                            </div>
                            <div class="media"> <i class="bx bxs-diamond media-icons bg-warning"></i>
                                <div class="media-body ml-3">
                                    <div class="row align-items-center">
                                        <div class="col-lg-4">
                                            <h5 class="mb-0">Lead Designer</h5>
                                            <p class="mb-0">Sketch App</p>
                                        </div>
                                        <div class="col-lg-4">
                                            <h5 class="text-muted mb-0"><i class="bx bx-time"></i> Apr-2011-Sep-2013</h5>
                                        </div>
                                        <div class="col-lg-4">
                                            <h5 class="text-muted mb-0"><i class="bx bxs-map"></i> Sydney, Australia</h5>
                                        </div>
                                    </div>
                                    <p class="mt-2">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> --}}
                {{-- <div class="tab-pane fade" id="Biography">
                    <div class="row">
                        <div class="col-lg-4">
                            <div class="card shadow-none border mb-0">
                                <div class="card-body">
                                    <h5 class="mb-3">Websites</h5>
                                    <p class=""><i class="bx bx-globe"></i> Website: <a href="javaScript:;">svetlananyukova.com</a>
                                    </p>
                                    <p class=""><i class="bx bxl-blogger"></i> Blog: <a href="javaScript:;">blog.svetlananyukova.com</a>
                                    </p>
                                    <p class=""><i class="bx bx-images"></i> Portfolio: <a href="javaScript:;">svetlananyukova.com/portfolio</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-8">
                            <div class="card shadow-none border mb-0">
                                <div class="card-body">
                                    <h5 class="mb-3">About</h5>
                                    <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable.</p>
                                    <hr>
                                    <h5 class="mb-3">Skills</h5>
                                    <div class="chip">UI Development <span class="closebtn" onclick="this.parentElement.style.display='none'">×</span>
                                    </div>
                                    <div class="chip">android <span class="closebtn" onclick="this.parentElement.style.display='none'">×</span>
                                    </div>
                                    <div class="chip">iOS <span class="closebtn" onclick="this.parentElement.style.display='none'">×</span>
                                    </div>
                                    <div class="chip">python <span class="closebtn" onclick="this.parentElement.style.display='none'">×</span>
                                    </div>
                                    <div class="chip">javascript <span class="closebtn" onclick="this.parentElement.style.display='none'">×</span>
                                    </div>
                                    <div class="chip">sketch <span class="closebtn" onclick="this.parentElement.style.display='none'">×</span>
                                    </div>
                                    <div class="chip">photoshop <span class="closebtn" onclick="this.parentElement.style.display='none'">×</span>
                                    </div>
                                    <div class="chip">Html5 <span class="closebtn" onclick="this.parentElement.style.display='none'">×</span>
                                    </div>
                                    <div class="chip">bootstrap4 <span class="closebtn" onclick="this.parentElement.style.display='none'">×</span>
                                    </div>
                                    <div class="chip">jQuery <span class="closebtn" onclick="this.parentElement.style.display='none'">×</span>
                                    </div>
                                    <div class="chip">php Development <span class="closebtn" onclick="this.parentElement.style.display='none'">×</span>
                                    </div>
                                    <div class="chip">ms excel <span class="closebtn" onclick="this.parentElement.style.display='none'">×</span>
                                    </div>
                                    <div class="chip">programming <span class="closebtn" onclick="this.parentElement.style.display='none'">×</span>
                                    </div>
                                    <h5 class="mb-3">Language</h5>
                                    <hr>
                                    <ul class="list-inline mb-0">
                                        <li class="list-inline-item"><i class="flag-icon flag-icon-um mr-2"></i><span>English</span>
                                        </li>
                                        <li class="list-inline-item"><i class="flag-icon flag-icon-fr mr-2"></i><span>French</span>
                                        </li>
                                        <li class="list-inline-item"><i class="flag-icon flag-icon-de mr-2"></i><span>German</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> --}}
                <div class="tab-pane fade show active" id="Edit-Profile">
                    <div class="card shadow-none border mb-0">
                        <div class="card-body">
                            <form action="{{ route('admin.register_update') }}" method="POST">
                                @csrf
                            <div class="form-body">
                                <div class="row">
                                    <div class="col-12 col-lg-7 border-right">
                                        <div class="form-row">
                                            <div class="form-group col-md-12">
                                                <label>Full Name</label>
                                                <input type="text" name="name" value="{{$user->name}}" class="form-control">
                                            </div>
                                            <div class="form-group col-md-12">
                                                <label>Email</label>
                                                <input type="text" name="email" value="{{$user->email}}" class="form-control">
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Old Password</label>
                                                <input type="password" name="old_password" class="form-control">
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>New Password</label>
                                                <input type="password" name="password" class="form-control">
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label for="edit_days_for_backdate_post">Allow Days For Back-Dated Posting</label>
                                                <input type="number" name="days_for_backdate_post" class="form-control days_for_backdate_post" id="edit_days_for_backdate_post" value="{{$user->days_for_backdate_post}}" disabled>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label for="edit_days_for_postdate_post">Allow Days For Advance-Dated Posting</label>
                                                <input type="number" name="days_for_advancedate_post" class="form-control days_for_advancedate_post" id="edit_days_for_postdate_post" value="{{$user->days_for_advancedate_post}}" disabled>
                                            </div>
                                        </div>
                                        {{-- <div class="form-group">
                                            <label>Phone</label>
                                            <input type="text" value="99-10-XXX-XXX" class="form-control">
                                        </div>
                                        <div class="form-group">
                                            <label>Address</label>
                                            <input type="text" value="116-B, Cutela Colony, Sydney, Australia" class="form-control">
                                        </div>
                                        <div class="form-group">
                                            <label>Nation</label>
                                            <input type="text" value="Australia" class="form-control">
                                        </div> --}}
                                    </div>
                                    <div class="col-12 col-lg-5">
                                        <div class="form-row">
                                            <div class="form-group col-md-12">
                                                <label for="role_id">ROLE</label>
                                                <select class="form-control select_2 role_id" name="role_id[]" id="edit_role_id" multiple style="width: 100%" disabled>
                                                  @forelse ($roles as $role)
                                                      <option value="{{$role->id}}" @if(in_array($role->id,activeRole()->toArray())) selected="true" @endif>{{$role->name}}</option>
                                                  @empty
                                                      
                                                  @endforelse
                                                </select>
                                            </div>
                                            <div class="form-group col-md-12">
                                                <label for="cost_center_id">COST CENTER</label>
                                                <select class="form-control select_2 cost_center_id" name="cost_center_id[]" id="edit_cost_center_id" multiple style="width: 100%" disabled>
                                                  @forelse ($cost_centers as $cost_center)
                                                      <option value="{{$cost_center->id}}" @if(in_array($cost_center->id,$user->costcenters()->pluck('id')->toArray())) selected="true" @endif>{{$cost_center->name}}</option>
                                                  @empty
                                                      
                                                  @endforelse
                                                </select>
                                            </div>
                                            <div class="form-group col-md-12">
                                                <label for="warehouse_id">Warehouse</label>
                                                <select class="form-control select_2 warehouse_id" name="warehouse_id[]" id="edit_warehouse_id" multiple style="width: 100%" disabled>
                                                    @forelse (adminAsignedWarehouseList()->where('type',2) as $warehouse)
                                                    <option @if(current_warehouse()==$warehouse->id) selected="selected" @endif value="{{$warehouse->id}}">{{$warehouse->name_eng}}</option>
                                                        @forelse (adminAsignedWarehouseList()->where('type',3)->where('parent_id',$warehouse->id) as $store)
                                                        <option value="{{$store->id}}">>>{{$store->name_eng}}</option>
                                                        @empty   
                                                        @endforelse
                                                    @empty
                                                    @endforelse
                                                </select>
                                            </div>
                                            
                                        </div>
                                        <div class="form-group col-md-12">
                                            
                                           <button type="submit" class="btn btn-success pull-right">Update</button>
                                        </div>
                                        {{-- <div class="form-row">
                                            <div class="form-group col-md-4">
                                                <select class="form-control">
                                                    <option>January</option>
                                                    <option>February</option>
                                                    <option selected="">March</option>
                                                    <option>April</option>
                                                    <option>May</option>
                                                    <option>June</option>
                                                    <option>July</option>
                                                    <option>August</option>
                                                    <option>September</option>
                                                    <option>October</option>
                                                    <option>November</option>
                                                    <option>December</option>
                                                </select>
                                            </div>
                                            <div class="form-group col-md-4">
                                                <select class="form-control">
                                                    <option>01</option>
                                                    <option>02</option>
                                                    <option>03</option>
                                                    <option>04</option>
                                                    <option>05</option>
                                                    <option>06</option>
                                                    <option>07</option>
                                                    <option>08</option>
                                                    <option>09</option>
                                                    <option selected="">10</option>
                                                    <option>11</option>
                                                    <option>12</option>
                                                    <option>13</option>
                                                    <option>14</option>
                                                    <option>15</option>
                                                    <option>16</option>
                                                    <option>17</option>
                                                    <option>18</option>
                                                    <option>19</option>
                                                    <option>20</option>
                                                    <option>21</option>
                                                    <option>22</option>
                                                    <option>23</option>
                                                    <option>24</option>
                                                    <option>25</option>
                                                    <option>26</option>
                                                    <option>27</option>
                                                    <option>28</option>
                                                    <option>29</option>
                                                    <option>30</option>
                                                    <option>31</option>
                                                </select>
                                            </div>
                                            <div class="form-group col-md-4">
                                                <select class="form-control">
                                                    <option>1990</option>
                                                    <option>1991</option>
                                                    <option>1992</option>
                                                    <option selected="">1993</option>
                                                    <option>1994</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-row">
                                            <div class="form-group col-md-6">
                                                <label>Twitter</label>
                                                <input type="text" class="form-control" value="https://twitter.com/anyukova">
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Linked In</label>
                                                <input type="text" class="form-control" value="https://www.linkedin.com/anyukova/">
                                            </div>
                                        </div>
                                        <div class="form-row">
                                            <div class="form-group col-md-6">
                                                <label>Facebook</label>
                                                <input type="text" class="form-control" value="https://www.facebook.com/anyukova">
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Dribbble</label>
                                                <input type="text" class="form-control" value="https://dribbble.com/anyukova/">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label>Slogan</label>
                                            <input type="text" class="form-control" value="Land Acquisition Specialist">
                                        </div>
                                        <div class="form-group">
                                            <label>Payment Method</label>
                                            <div class="row">
                                                <div class="col-12 col-lg-6">
                                                    <div class="card shadow-none border mb-3 mb-md-0">
                                                        <div class="card-body">
                                                            <div class="media align-items-center">
                                                                <img src="assets/images/icons/credit-card-visa.png" alt="" width="50">
                                                                <div class="media-body ml-2">
                                                                    <h6 class="mb-0">Visa...8759</h6>
                                                                    <p class="mb-0">Expires 06/21</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="card-footer bg-transparent text-right"> <a href="javaScript:;" class="text-danger">REMOVE</a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-12 col-lg-6">
                                                    <div class="card shadow-none border mb-0">
                                                        <div class="card-body">
                                                            <div class="media align-items-center">
                                                                <img src="assets/images/icons/mastercard-2.png" alt="" width="50">
                                                                <div class="media-body ml-2">
                                                                    <h6 class="mb-0">Master...8314</h6>
                                                                    <p class="mb-0">Expires 08/24</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="card-footer bg-transparent text-right"> <a href="javaScript:;" class="text-danger">REMOVE</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div> --}}
                                    </div>
                                </div>
                            </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
<script>
     $('.select_2').select2();
</script>
@endsection