@extends('layouts.dashboard.dashboard')

@section('content')
    @component('card-component',['title'=>ucfirst(trans('main.images'))])
        <form class="row" action="{{route('dashboard.image.update',$image)}}" method="POST" enctype="multipart/form-data">@csrf @method('PUT')
            <div class="col-md-9 row">
                <div class="col-md-12 form-group">
                    <label for="">@lang('main.image')</label>
                    <input type="file" onchange="readURL(this,'preview')" class="form-control" accept="image/*" name="image" id="image"/>
                    <x-errors.validation-error name="image"/>
                </div>
            </div>
            <div class="border p-2 img-thumbnail col-md-3">
                <img src="{{$image->imagePath}}" id="preview" class="w-100" style="max-height: 200px" alt="">
            </div>
            <button type="submit" class="btn btn-warning">@lang('main.update')</button>
        </form>

    @endcomponent
@stop
@push('js')
    <script src="{{asset('js/imgScript.js')}}"></script>
@endpush