@extends('cms.layout.app')

@section('content')
    <div class="page-wrapper">
        <div class="page-header card">
            <div class="row align-items-end">
                <div class="col-lg-8">
                    <div class="page-header-title">
                        <i class="icofont icofont-money bg-warning"></i>
                        <div class="d-inline">
                            <h4>Donations</h4>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="page-header-breadcrumb">
                        <ul class="breadcrumb-title">
                            <li class="breadcrumb-item">
                                <a href="{{route('cms.dashboard')}}">
                                    <i class="icofont icofont-home"></i>
                                </a>
                            </li>
                            <li class="breadcrumb-item"><a href="{{route('cms.donations')}}">Donations</a></li>
                            <li class="breadcrumb-item"><a href="#!">{{$donation->name ?? 'Donation Add'}}</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="page-body">

            <div class="card">
                <div class="card-header">
                    <h5>Donation Form</h5>
                    <hr>
                </div>
                <div class="card-block">
                    <form method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Logo</label>
                            <div class="col-sm-10">
                                <img id="preview" src="{{isset($donation) ? asset('storage/'.$donation->logo) : asset('cms/images/placeholder.png')}}" height="200px" style="cursor:pointer;" alt="">
                                <input type="file" style="visibility: hidden;" class="form-control image-file @error('logo') form-bg-danger @enderror" name="logo" accept="image/jpeg , image/png">
                                @error('logo')
                                    <span class="float-left text-danger">
                                        {{$message}}
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Name</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control @error('name') form-bg-danger @enderror" value="{{$donation->name ?? old('name')}}" name="name">
                                @error('name')
                                    <span class="float-left text-danger">
                                        {{$message}}
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Description</label>
                            <div class="col-sm-10">
                                <textarea name="description" id="" cols="30" rows="10" class="form-control @error('description') form-bg-danger @enderror">{{$donation->description ?? old('description')}}</textarea>
                                @error('description')
                                    <span class="float-left text-danger">
                                        {{$message}}
                                    </span>
                                @enderror
                            </div>
                        </div>
                    
                        <div class="col-12 text-right">
                            <hr>
                            <input type="submit" value="Save" class="btn btn-success">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection