@extends('adminlte::page')

@section('title', 'Edit Profile')

@section('content_header')
    <h1 class="m-0 text-dark">Dashboard</h1>
@stop

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <!--Header with button-->
                    <h3 class="card-title">
                        Information about me
                    </h3>
                </div>
                <form method="POST" action="{{route('profile.update', auth()->user()->id)}}">
                    @method('PUT')
                    @csrf
                    <div class="card-body">
                        <div class="form-group">
                            <label for="name">Name</label>
                            <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" id="name" value="{{auth()->user()->name}}">
                            @error('name')
                            <span class="invalid-feedback d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="email">Email</label>
                            <input type="text" name="email" class="form-control @error('email') is-invalid @enderror" id="email" value="{{auth()->user()->email}}">
                            @error('email')
                            <span class="invalid-feedback d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="password">New Password</label>
                            <input type="text" name="password" class="form-control @error('password') is-invalid @enderror" id="password">
                            @error('password')
                            <span class="invalid-feedback d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="card-footer">
                        <button type="submit" class="btn btn-athlab-primary">Update</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    @role('athlete')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <!--Header with button-->
                    <h3 class="card-title">
                        <i class="fas fa-coins"></i>
                        My Memberships
                    </h3>
                </div>
                <div class="card-body">
                    @if(count(auth()->user()->memberships) > 0)
                        <table class="table table-responsive-lg">
                            <thead>
                            <tr>
                                <th style="width: 10px">#</th>
                                <th>Date</th>
                                <th>Amount</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach(auth()->user()->memberships as $membership)
                                <tr>
                                    <td>{{$membership->id}}</td>
                                    <td>{{date('d/m/Y', strtotime($membership->date))}}</td>
                                    <td>{{$membership->amount}}</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    @else
                        <p>No membership found</p>
                    @endif
                </div>
            </div>
        </div>
    </div>
    @endrole
@stop