@extends('layouts.app')
@section('title', 'Profile')
@section('content')
    <div class="container-fluid">
        <div class="row p-2 mt-1">
            <h5 class="col text-color fw-bold m-auto">Profile</h5>
        </div>
        <div class="card mx-2 mt-2" style="background-color:#F4F3FB;">
            <div class="card-body">
                <form method="POST" role="form" name="user_profile_form" id="user_profile_form" data-parsley-validate=""
                    enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-md-2" id="selectNwImg" style="position:relative;text-align:center;color:white;">
                            @if ($userDt->profile != null)
                                <img src="{{ asset('logo/' . $userDt->profile) }}" id="prfImg"
                                    class="img-thumbnail prfImg" alt="Profile Image" style="height:200px;cursor:pointer;" />
                            @else
                                <img src="{{ asset('/images/user-1.png') }}" id="prfImg" class="img-thumbnail prfImg"
                                    alt="No Image" style="height:200px;cursor:pointer;" />
                            @endif
                            <input type="text" class="viewBtn d-none"
                                style="position:absolute;top:35%;left:50%;text-align:center;transform:translate(-50%, -50%);color:white;font-size:20px;font-weight:bold;color:#0A295B;background:none;border:none;cursor:pointer;"
                                value="Upload Profile Pic" />
                            <label for="input-file" class="update_image">Select Image</label>
                            <input type="file" accept="image/jpeg, image/jpg, image/png" class="selectedImg"
                                id="input-file" name="input-file">
                        </div>
                        <div class="col-md-10">
                            <div class="card">
                                <div class="card-body mb-2">
                                    <h6 class="col fw-bold m-auto fs-4" style="color:#0A295B;">Change/Update the Details :
                                    </h6>
                                    <div class="row mt-4">
                                        <div class="col-md-6 row">
                                            <label for="example-text-input"
                                                class="col-sm-3 col-form-label text-right fw-bold">First Name<span
                                                    class="text-danger"> * </span></label>
                                            <div class="col-sm-9">
                                                <input required class="form-control" type="text" id="first_name"
                                                    name="first_name" value="{{ $userDt->first_name }}" autocomplete="off">
                                            </div>
                                        </div>
                                        <div class="col-md-6 row">
                                            <label for="example-text-input"
                                                class="col-sm-3 col-form-label text-right fw-bold">Last Name<span
                                                    class="text-danger"> * </span></label>
                                            <div class="col-sm-9">
                                                <input required class="form-control" type="text" id="last_name"
                                                    name="last_name" value="{{ $userDt->last_name }}" autocomplete="off">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-3">
                                        <div class="col-md-6 row">
                                            <label for="example-text-input"
                                                class="col-sm-3 col-form-label text-right fw-bold">User Name</label>
                                            <div class="col-sm-9">
                                                <input class="form-control" type="text" id="user_name" name="user_name"
                                                    value="{{ $userDt->user_name }}" autocomplete="off">
                                            </div>
                                        </div>
                                        <div class="col-md-6 row">
                                            <label for="example-text-input"
                                                class="col-sm-3 col-form-label text-right fw-bold">User Type</label>
                                            <div class="col-sm-9">
                                                <input class="form-control" type="text" id="user_type" name="user_type"
                                                    value="{{ $userDt['user_type']->usertype_name }}" autocomplete="off"
                                                    disabled>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-3">
                                        @if ($userDt['user_type_id'] != 1)
                                            <div class="col-md-6 row">
                                                @if ($userDt['user_type_id'] == 2 || $userDt['user_type_id'] == 3)
                                                    <label for="example-text-input"
                                                        class="col-sm-3 col-form-label text-right fw-bold">Vendor
                                                        Name</label>
                                                    <div class="col-sm-9">
                                                        <input class="form-control" type="text" id="vendor_name"
                                                            name="vendor_name" value="{{ $userDt['vendor_data']->name }}"
                                                            autocomplete="off" disabled>
                                                    </div>
                                                @elseif($userDt['user_type_id'] == 4 || $userDt['user_type_id'] == 5)
                                                    <label for="example-text-input"
                                                        class="col-sm-3 col-form-label text-right fw-bold">Lender
                                                        Name</label>
                                                    <div class="col-sm-9">
                                                        <input class="form-control" type="text" id="lender_name"
                                                            name="lender_name"
                                                            value="{{ $userDt['lender_data']->lender_name }}"
                                                            autocomplete="off" disabled>
                                                    </div>
                                                @endif
                                            </div>
                                        @endif
                                        <div class="col-md-6 row">
                                            <label for="example-text-input"
                                                class="col-sm-3 col-form-label text-right fw-bold">Email ID</label>
                                            <div class="col-sm-9">
                                                <input class="form-control" type="text" id="lender_name"
                                                    name="lender_name" value="{{ $userDt->email }}" autocomplete="off"
                                                    disabled>
                                            </div>
                                        </div>
                                        <div class="col-md-6 row