@extends('ui-common.layouts.master')
@section('title')
@lang('Profile Add')
@endsection
@section('css')   
<!-- select2@4.1.0 -->
<link href="{{ url('css/Select2_cdn/select2.min.css') }}" rel="stylesheet" />
<!-- font-awesome-6.7.2 -->
<link href="{{ url('css/font-awesome_cdn/font-awesome.min.css') }}" rel="stylesheet" />
<link href="{{ url('css/profile/profile.add.css') }}" rel="stylesheet" />
@endsection
@section('content')
@component('tenants.components.breadcrumb')
@slot('li_1')
Profile Add
@endslot
@slot('title')
Profile
@endslot
@endcomponent
<div class="row py-2">
   <div class="col-12">
      <div class="profile_header px-3 py-3">
         <div class="ctx-pro">
            <h4>My Profile</h4>
         </div>
         <div class="col-12 pt-3">
            <div class="ctx-pro-border px-3 py-3 ">
               <div class="d-md-flex align-items-center justify-content-between">
                  <div class="d-md-flex align-items-center gap-3">
                     <div>
                        <img src="{{ URL('ui-img/profile-1.jpg') }}" alt="img" class="avatar_profile rounded-circle">
                     </div>
                     <div>
                        <div class="mb-1">
                           <input type="text" value="Rafiqur Rahman" class="ctx-head-txt"  disabled>
                        </div>
                        <div>
                           <input type="text" value="Team Manager" class="ctx-subname-txt" disabled>
                        </div>
                        <div>
                           <input type="text" value="Leeds,United Kingdom" class="ctx-subname-txt" disabled>
                        </div>
                     </div>
                  </div>
                  <div>
                     <button id="editButton" class="btn btn_info_edit rounded-pill">Edit<i class="fa-solid fa-pencil ms-1"></i></button>
                  </div>
               </div>
            </div>
         </div>
         <div class="col-12 pt-4">
            <div class="ctx-pro-border px-3 py-3 ">
               <div class="d-flex justify-content-between align-items-center pb-3">
                  <div class="ctx-pro-subhead ">
                     <p>Personal Information</p>
                  </div>
                  <div>
                     <button id="edit_btn" class="btn btn_info_edit rounded-pill">Edit<i class="fa-solid fa-pencil ms-1"></i></button>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-6 col-sm-12 col-xxl-4">
                     <label for="" class="form-labels mb-0">First Name</label>
                     <div>
                        <input type="text" value="Rafgiur" class="ctl-subname" disabled>
                     </div>
                  </div>
                  <div class="col-md-6 col-sm-12 col-xxl-4">
                     <label for="" class="form-labels mb-0">Last Name</label>
                     <div>
                        <input type="text" value="Rahman" class="ctl-subname" disabled>
                     </div>
                  </div>
                  <div class="col-md-6 col-sm-12 col-xxl-4 pt-2">
                     <label for="" class="form-labels mb-0">Email address</label>
                     <div>
                        <input type="text" value="rafiqurrahman51@gmail.com" class="ctl-subname" disabled>
                     </div>
                  </div>
                  <div class="col-md-6 col-sm-12 col-xxl-4 pt-2">
                     <label for="" class="form-labels mb-0">Phone</label>
                     <div>
                        <input type="email" value="+09 345 346 46" class="ctl-subname" disabled>
                     </div>
                  </div>
                  <div class="col-md-6 col-sm-12 col-xxl-4 pt-2">
                     <label for="" class="form-labels mb-0">Bio</label>
                     <div>
                        <input type="email" value="Team Manager" class="ctl-subname" disabled>
                     </div>
                  </div>
               </div>
            </div>
         </div>

         <div class="col-12 pt-4">
            <div class="ctx-pro-border px-3 py-3 ">
               <div class="d-flex justify-content-between align-items-center pb-3">
                  <div class="ctx-pro-subhead ">
                     <p>Address</p>
                  </div>
                  <div>
                     <button id="edits" class="btn btn_info_edit rounded-pill">Edit<i class="fa-solid fa-pencil ms-1"></i></button>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-6 col-sm-12 col-xxl-4">
                     <label for="" class="form-labels mb-0">Country</label>
                     <div>
                        <input type="text" value="United Kingdom" class="ctl-subname" disabled>
                     </div>
                  </div>
                  <div class="col-md-6 col-sm-12 col-xxl-4">
                     <label for="" class="form-labels mb-0">City/State</label>
                     <div>
                        <input type="text" value="Leeds,East London" class="ctl-subname" disabled>
                     </div>
                  </div>
                  <div class="col-md-6 col-sm-12 col-xxl-4 pt-2">
                     <label for="" class="form-labels mb-0">Postal Code</label>
                     <div>
                        <input type="text" value="ERT 2354" class="ctl-subname" disabled>
                     </div>
                  </div>
                  <div class="col-md-6 col-sm-12 col-xxl-4 pt-2">
                     <label for="" class="form-labels mb-0">Tax ID</label>
                     <div>
                        <input type="email" value="AS45645756" class="ctl-subname" disabled>
                     </div>
                  </div>
                  
               </div>
            </div>
         </div>














      </div>
   </div>
</div>
@endsection
@section('script')   
<script src="{{ url('js/jquery-3.6.0_cdn/jquery.min.js') }}"></script>
<script src="{{ url('js/select2@4.1.0/select2.min.js') }}"></script>
<script src="{{ url('js/select2.init.js') }}"></script>
<script src="http://sat.localhost/ets-saas/public/js/app.js"></script>
<script src="https://cdn.rawgit.com/jzaefferer/jquery-validation/1.19.3/dist/jquery.validate.min.js"></script>
<script src="{{ url('js/profile/profile.add.js') }}"></script>
@endsection