@extends('admin.layout.master')
@section('title', 'Manage User')
@section('content')
<style>
    .form-label {
        margin-bottom: 0;
    }

    .cover-image {
        width: 100%;
        height: 150px;
        background-image: url('{{ asset("assets/images/banner.png") }}');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
    }
</style>

<div class="card">
    <div class="cover-image">
        <button class="position-absolute btn btn-coral rounded-1" style="top: 10px; right: 10px;" onclick="changeImage()">
            <i class="bi bi-image me-1"></i>
            Change Cover</button>

        <input type="file" class="d-none" id="cover_img" name="cover_img" />
    </div>

    <div class="container-fluid mb-3">
        <div class="row" >
            <div class="col-xl-5 col-lg-8 pb-2 mx-auto" style="margin-top: -5rem; z-index: 1;">
                <div class="text-center mb-3">
                    <img src="{{ active_user(2)->profile_img }}" class="rounded-circle shadow" alt="" width="130" height="130">
                </div>
    
                <div class="text-center">
                    <h4 class="mb-1 text-center">{{$user->name}}</h4>
                    {{-- <p class="mb-0 text-muted text-center">{{$user->roles->first()->name}}</p>
                    <p class="text-primary text-center">{{$user->email}}</p>
                    <div class="text-center">
                        <button type="button" class="btn btn-primary">Connect</button>
                        <button type="button" class="btn btn-coral">Resume</button>
                    </div> --}}
                </div>

                <div class="text-center">
                    <button class="btn btn-success" onclick="changeImage(2)">
                        <i class="bi bi-image me-1"></i>Change Image
                    </button>
                </div>
            </div>

            {{-- <div class="col-12">
                <table class="table table-sm table-borderless mt-md-0 mt-3">
                    <tbody>
                        <tr>
                            <th>Roles:</th>
                            <td>
                                @forelse($user->roles as $role)
                                    <span class="badge badge-primary" style="font-size: 0.9rem">{{$role->name}}</span>,
                                    @empty
                                    {{__('obs.not_asigned')}}
                                @endforelse
                            </td>
                        </tr>
                        <tr>
                            <th>Warehouses:</th>
                            <td>
                                @forelse($user->warehouses as $warehouse)
                                    <span class="badge badge-warning" style="font-size: 0.9rem">{{$warehouse->name_eng}}</span>,
                                    @empty
                                    {{__('obs.not_asigned')}}
                                @endforelse
                            </td>
                        </tr>
                        <tr>
                            <th>Costcenter:</th>
                            <td>
                                @forelse($user->costcenters as $costcenter)
                                    <span class="badge badge-dark" style="font-size: 0.9rem">{{$costcenter->name}}</span>,
                                    @empty
                                    {{__('obs.not_asigned')}}
                                @endforelse
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div> --}}
        </div>

        <div class="row py-2">
            <div class="col-12">
                <form action="{{ route('admin.register_update') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="is_profile_update" value="1">
                    <input type="file" class="d-none" id="profile_img" name="profile_img" />
                    <div class="form-body">
                        <div class="row g-2">
                            <div class="col-xl-3 col-lg-4 col-6">
                                <label for="name" class="form-label">Full Name</label>
                                <input type="text" name="name" value="{{$user->name}}" class="form-control" id="name">
                            </div>

                            <div class="col-xl-3 col-lg-4 col-6">
                                <label for="email" class="form-label">Email</label>
                                <input type="text" name="email" value="{{$user->email}}" class="form-control" id="email" readonly>
                            </div>

                            <div class="col-xl-3 col-lg-4 col-6">
                                <label for="old_password" class="form-label">Old Password</label>
                                <input type="password" name="old_password" class="form-control" id="old_password">
                            </div>

                            <div class="col-xl-3 col-lg-4 col-6">
                                <label for="password" class="form-label">New Password</label>
                                <input type="password" name="password" class="form-control" id="password">
                            </div>

                            <div class="col-xl-3 col-sm-6">
                                <label for="edit_days_for_backdate_post" class="form-label">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="col-xl-3 col-sm-6">
                                <label for="edit_days_for_postdate_post" class="form-label">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 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="row g-2 mt-1">
                            <div class="col-lg-6">
                                <label for="edit_role_id" class="form-label">Role</label>
                                <div class="w-100 d-flex">
                                    <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>

                            <div class="col-lg-6">
                                <label for="warehouse_id" class="form-label">Warehouse</label>
                                <div class="w-100 d-flex">
                                    <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="col-lg-6">
                                <label for="cost_center_id" class="form-label">Cost Center</label>
                                <div class="w-100 d-flex">
                                    <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>

                            <div class="col-xl-6">
                                <label for="" class="d-block">&nbsp;</label>
                                <button type="submit" class="btn btn-lg btn-primary">
                                    <i class="bi bi-check2-circle fs-4 me-1"></i>
                                        Update</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
<script>
    $('.select_2').select2();

    function changeImage(type = 1) {
        if (type == 1) {
            $('#cover_img').click();
        } else {
            $('#profile_img').click();
        }
    }
</script>
@endsection