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

@extends('layouts.app')

@section('section')

    @php
        $class = 'col-12';
        $c_classes = 'container-lg container-fluid';
        $s_classes = '';
        $t_classes = '';
        $i_alerts = true;
        $w_aside = true;
        $i_loader = true;

        if (!isset($withOutAside)) {
            $class = 'col-lg-9 col-md-8 col-12';
        }
        if (isset($container_classes)) {
            $c_classes = $container_classes;
        }
        if (isset($section_classes)) {
            $s_classes = $section_classes;
        }
        if (isset($tab_classes)) {
            $t_classes = $tab_classes;
        }
        if (isset($include_alerts)){
            $i_alerts = $include_alerts;
        }
        if (isset($withOutAside)){
            $w_aside = $withOutAside;
        }
        if (isset($includeLoader)){
            $i_loader = $includeLoader;
        }
    @endphp

    <div class="{{$c_classes}}">
        <div class="section-content pb-0 {{$s_classes}}" >
            <div class="row tab-white pb-0 {{$t_classes}}">
                <input type="hidden" name="token" id="token" value="{{ csrf_token() }}">
                @if ($i_alerts)
                    @include('alerts.success')
                    @include('alerts.warning')
                @endif
                <!-- Tab panes -->
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active " style="{{$i_loader ? 'position:relative;' : ''}}">
                        @if ($i_loader)
                            @include('loader')
                        @endif
                        <div class="row p-2">
                            @yield('breadcumb')
                            <div class="{{$class}}">
                                @yield('section-body')
                            </div>
                            
                            @if ($w_aside && isset($user))
                                <div class="col-lg-3 col-md-4 col-12 mt-5 mt-md-0">
                                    @include('sections.profile.partials.user-aside')
                                    @yield('aditional-aside')
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- <div class="modal fade" id="data-account" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    @if ($new_user != 1)
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                    @endif
                    <h4 class="modal-title">@lang('profile.title_profile_update')</h4>
                </div>
                <form class="" action="{{ url('/user') }}" method="post">
                    <div class="modal-body">

                        {{ csrf_field() }}

                        <div class="" id="user-data">
                            <label for="">@lang('auth.name')</label>
                            <input type="text" name="first_name" class="form-control"
                                value="{{ session('user')->first_name }}">
                            <br>
                            <label for="">@lang('auth.last_name')</label>
                            <input type="text" name="last_name" class="form-control"
                                value="{{ session('user')->last_name }}">
                            <br>
                            <label for="">Email</label>
                            <input type="text" name="email" class="form-control" value="{{ session('user')->email }}">
                        </div>
                        <div class="" id="user-password">
                            <label for="">@lang('auth.password')</label>
                            <input type="password" name="password" class="form-control" value="">
                            <br>
                            <label for="">@lang('auth.confirm_password')</label>
                            <input type="password" name="" class="form-control" value="">
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="submit" class="btn btn-ebit" name="button">@lang('profile.update')</button>
                    </div>
                </form>
            </div>
        </div>
    </div> --}}

@endsection

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

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