@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">Dashboard</div>

                <div class="card-body">
                    @if (session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
                    @endif
                    <form action="../upload" method="post" enctype="multipart/form-data">
                    @csrf
                        <input type="file" name="avatar"/>
                        <input type="submit" value="upload"/>
                    </form>
                    <!-- @include('layouts.flash') the problum is can't pass arguments -->
                    <x-flash>
                        <p>The message from Image Upload</p>
                    </x-flash>
                </div>
                
            </div>            
        </div>
    </div>
</div>
@endsection