@extends('layouts.main')
@section('title', __('messages.title'))

@section('content')
<div class="wrapper">
    <div id="sidebar">
      <span class="logoBegin">СОЦ<span class="logoEnd">УСЛУГИ</span></span>
      <ul>
        <li><a href="/mainpage" ><span class="iconMenu"><i class="fa-solid fa-user"></i></span>&nbsp; <span class="logoEnd">Профиль</span></a></li>
        <li><a id="exit" href="#" ><span class="iconMenu"><i class="fa-solid fa-person-walking"></i></span>&nbsp;&nbsp; <span class="logoEnd">Выход</span></a></li>
      </ul>
    </div>

    <button class="toggle-btn">≡</button>

    <div id="content">
      <div class="title">Профиль</div>
	<hr style="margin: 4px; border: none; height: 1px; background-color: black;"> 
      <div style="height:150px;">
	<div style="display: inline-block;">
	@php
	    $regNum = $user->profile->registration_number;
	    $regNumFormatted = preg_replace('/(\d{3})(\d{2})(\d{2})/', '$1-$2-$3', $regNum);
		$date = DateTime::createFromFormat("Y-m-d", $user->profile->birth_date);
		$displayDate = $date->format("d-m-Y");
	@endphp

	<table class="profileTable">
	    <tr><td>Регистрационный номер</td> <td><input type="text" class="profileForm" value="{{$regNumFormatted}}" disabled></td></tr>
	    <tr><td>E-mail</td> <td><input type="text" class="profileForm" value="{{$user->profile->email}}" disabled></td></tr>
	    <tr><td style="vertical-align:top;">ID устройств</td> <td>
		@foreach($user->profile->devices as $device)
    		{{-- <input type="text" class="profileForm" value="{{ $device->id }}" disabled><br/> --}}
			<span class="cutText">{{ $device->id }}</span>
		@endforeach
		</td></tr>
	    <tr><td colspan=2><hr style="margin: 4px; border: none; height: 1px; background-color: black;"></td></tr>
	    <tr><td>Фамилия </td>              <td><input id="first_name"  value="{{$user->profile->first_name}}"  type="text" class="profileForm"></td></tr>
	    <tr><td>Имя </td>                  <td><input id="last_name"   value="{{$user->profile->last_name}}"    type="text" class="profileForm"></td></tr>
	    <tr><td>Отчество</td>              <td><input id="middle_name" value="{{$user->profile->middle_name}}" type="text" class="profileForm"></td></tr>
		
		
		<td>Дата рождения</td>             <td>
		
			<input id="birth_date" type="text" class="profileForm" placeholder="ДД-ММ-ГГГГ" value="{{$displayDate}}">

		</td></tr>
	    <tr><td>ИИН</td>                   <td><input id="iin" value="{{$user->profile->iin}}" type="text" class="profileForm"></td></tr>
	    <tr><td colspan=2><hr style="margin: 4px; border: none; height: 1px; background-color: black;"></td></tr>
	    <tr><td>Гуппа инвалидности</td>
	    <td>
		<select id="disability_group" name="category" class="profileForm" style="height: 30px;">
		    <option value="0">Нет</option>
		    <option value="1">Первая группа</option>
		    <option value="2">Вторая группа</option>
		    <option value="3">Третья группа</option>
		 </select>
	    </td></tr>
	    <tr><td colspan=2><hr style="margin: 4px; border: none; height: 1px; background-color: black;"></td></tr>
		<tr>
		   <td colspan="2" style="text-align:right; padding-top:10px;">
                  <button type="button" id="saveProfile" class="btn btn-primary">Сохранить</button>
            </td>
		</tr>
	    </table>
	</div>
      </div>
    </div>
  </div>
@endsection

@section('js')
<script src="js/bootstrap/datepicker-full.min.js"></script>
<script src="js/main.js"></script>
@endsection