@section('title', '- Your profile')

@extends('layouts.user-profile')

@section('breadcumb')
    @include('layouts.partials.breadcumb', ['page' => 'Profile'])

@endsection

@section('section-body')

    <div class="row">
        <div class="col-md-2 text-center">
            @if (!session('user')->avatar)
                <img src="{{ url('/imagenes/user.png') }}" class='center-block img-responsive responsive-images' alt="">
            @else
                <img src="{{ session('user')->avatar }}" class='center-block img-responsive responsive-images' alt="">
            @endif
            <a href="" id='change-image' class="text-center" data-toggle="modal"
                data-target="#modal-image">@lang('profile.change')</a>
        </div>
        <div class="col-md-7">
            <h3>@lang('profile.profile_title')</h3>
            <hr class="hr_user">
            <div class="inline-ebit">
                <p class="text-strong">@lang('profile.name_c'): </p>
                <p style="" class="text-light">{{ session('user')->first_name }}
                    {{ session('user')->last_name }} <a href="#" class="links-ebit user-perfil"
                        data-type="data">@lang('profile.change')</a></p>
            </div>
            <br>
            <div class="inline-ebit">
                <p class="text-strong">@lang('auth.password'): </p>
                <p style="" class="text-light">************* <a href="#" class="links-ebit user-perfil"
                        data-type="password">@lang('profile.change')</a></p>
            </div>

        <h3>@lang('profile.accounts_asoc')</h3>
            <hr class="hr_user">
            <div id="accounts">
                @foreach ($accounts as $account)
                    <p class="text-light text-medium">
                        <strong class="text-strong">{{ $account->bank }}</strong>
                        {{ $account->account_number }}
                    </p>
                @endforeach
            </div>

            <button type="button" class="btn btn-ebit" data-toggle="modal"
                data-target="#modal-account">@lang('profile.add_bank_account')</button>
        </div>
    </div>

    @include('sections.profile.partials.user-index-modals')

@endsection

@push('css')
    <link rel="stylesheet" href="{{ url('/css/userPerfil.css') }}">
@endpush

@push('js')
    <script>
        var url_project = "{{ url('/') }}"
    </script>
    <script src="{{ url('js/user.js') }}"></script>
@endpush