@extends('layouts.main-layout')

@section('title')
@if(Session::get('user')->user_role == 'farmaceutska_kuca')
{{ config('app.name') }} - Farmaceutska kuća - {{ Session::get('user')->user_name }}
@else
{{ config('app.name') }} - Apoteka - {{ Session::get('user')->user_name }}
@endif
@endsection

@section('content')
<div class="container text-center">
    <div class="row justify-content-center">
        <div class="col-lg-8 my-5 border profile-form animate__animated animate__fadeIn">
            <div class="p-5">
                @if(!isset($id) && empty($id))
                <h1>
                    <i class="fa fa-plus-square fa-3x text-danger"></i>
                    <br>
                    Vaš Profil - {{ $user->user_name }}
                </h1>
                <br>
                <form method="POST" id="profileForm">
                    @csrf
                    <div class="group-form">
                        <label class="form-label">Izmenite vaše ime</label>
                        <div class="input-group">
                            <span class="input-group-text bg_primary">
                                <i class="fa fa-user-circle text-white"></i>
                            </span>
                            <input type="text" class="form-control border" placeholder="Abc Co." value="{{ $user->user_name }}" name="edit_name" required minlength="3">
                        </div>
                    </div>
                    <div class="group-form">
                        <label class="form-label">Izmenite vašu email adresu</label>
                        <div class="input-group">
                            <span class="input-group-text bg_primary">
                                <i class="fa fa-envelope-o text-white"></i>
                            </span>
                            <input type="email" class="form-control border" placeholder="office@abc.co.com" value="{{ $user->user_email }}" name="edit_email" required>
                        </div>
                    </div>
                    <div class="group-form">
                        <label class="form-label">Izmenite vaš broj telefona</label>
                        <div class="input-group">
                            <span class="input-group-text bg_primary">
                                <i class="fa fa-phone-square text-white"></i>
                            </span>
                            <input type="text" class="form-control border" placeholder="+38166111000" value="{{ $user->user_phoneNumber }}" name="edit_phoneNumber" required>
                        </div>
                    </div>
                    <div class="group-form">
                        <label class="form-label">Izmenite vašu adresu</label>
                        <div class="input-group">
                            <span class="input-group-text bg_primary">
                                <i class="fa fa-globe text-white"></i>
                            </span>
                            <input type="text" class="form-control border" placeholder="New Street 123" value="{{ $user->user_address }}" name="edit_address" required minlength="3">
                        </div>
                    </div>
                    <div class="group-form">
                        <label class="form-label">Izmenite link od vaše web stranice (Opciono)</label>
                        <div class="input-group">
                            <span class="input-group-text bg_primary">
                                <i class="fa fa-external-link text-white"></i>
                            </span>
                            <input type="url" class="form-control border" placeholder="https://example.com" value="{{ $user->user_website }}" name="edit_website">
                        </div>
                    </div>
                    <div class="group-form">
                        <label class="form-label">Izmenite vašu lozinku</label>
                        <div class="input-group">
                            <span class="input-group-text bg_primary">
                                <i class="ti-lock text-white"></i>
                            </span>
                            <input type="password" class="form-control border" placeholder="Password" name="edit_password" minlength="6" autocomplete="off">
                        </div>
                    </div>
                    <div class="group-form">
                        <label class="form-label">Potvrdite vašu lozinku</label>
                        <div class="input-group">
                            <span class="input-group-text bg_primary">
                                <i class="ti-lock text-white"></i>
                            </span>
                            <input type="password" class="form-control border" placeholder="Password" name="edit_password_confirmation" minlength="6" autocomplete="off">
                        </div>
                    </div>
                    <br>
                    <input type="submit" value="Izmeni profil" name="edit_profile_btn" class="btn btn-primary form-control">
                </form>
                @else
                <h1>
                    <i class="fa fa-plus-square fa-3x text-danger"></i>
                    <br>
                    Profil - {{ $user->user_name }}
                </h1>
                <br>
                <div class="group-form">
                    <label class="form-label">Ime</label>
                    <div class="input-group">
                        <span class="input-group-text bg_primary">
                            <i class="fa fa-user-circle text-white"></i>
                        </span>
                        <p class="form-control border">{{ $user->user_name }}</p>
                    </div>
                </div>
                <div class="group-form">
                    <label class="form-label">Email adresa</label>
                    <div class="input-group">
                        <span class="input-group-text bg_primary">
                            <i class="fa fa-envelope-o text-white"></i>
                        </span>
                        <a href="mailto: {{ $user->user_email }}" class="form-control border">{{ $user->user_email }}</a>
                    </div>
                </div>
                <div class="group-form">
                    <label class="form-label">Broj telefona</label>
                    <div class="input-group">
                        <span class="input-group-text bg_primary">
                            <i class="fa fa-phone-square text-white"></i>
                        </span>
                        <a href="tel: {{ $user->user_phoneNumber }}" class="form-control border">{{ $user->user_phoneNumber }}</a>
                    </div>
                </div>
                <div class="group-form">
                    <label class="form-label">Adresa</label>
                    <div class="input-group">
                        <span class="input-group-text bg_primary">
                            <i class="fa fa-globe text-white"></i>
                        </span>
                        <p class="form-control border">{{ $user->user_address }}</p>
                    </div>
                </div>
                <div class="group-form">
                    <label class="form-label">Web stranica</label>
                    <div class="input-group">
                        <span class="input-group-text bg_primary">
                            <i class="fa fa-external-link text-white"></i>
                        </span>
                        <a href="{{ $user->user_website }}" target="_blank" rel="nofollow" class="form-control border">{{ $user->user_website }}</a>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection