@extends('layouts.admin')

@section('content')

<section class="section">
      <div class="row">
        <div class="col-lg-12">


          <div class="card">
            <div class="card-body">
              <h5 class="card-title">Charity</h5>

              <!-- Multi Columns Form -->
              <form method="POST" action="{{ route('admin.charity.update') }}" class="row g-3" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="id" value="{{$charity->id}}" />
                <div class="col-md-4">
                  <label for="name" class="form-label"> Name</label>
                  <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ isset($charity->name) ? $charity->name:'' }}" required>
                </div>
              
              
              @if(isset($charity->image))
               <div class="col-md-2">
                   <label for="image" class="form-label"> Current Image</label>
                  <img src="{{ asset('public/upload/charity/'.$charity->id.'/' . $charity->image) }}" alt="Current Image" style="height:70px;width:70px;" class="form-control">
               </div>
            @endif
                
                 <div class="col-md-4">
                  <label for="image" class="form-label"> Image</label>
                  <input id="image" type="file" class="form-control " name="image" value="{{ isset($charity->image) ? $charity->image:'' }}" >
                  
                  
                </div>
                
                
                
                 <div class="col-md-4">
                  <label for="description" class="form-label"> Description</label>
                  <textarea name="description" class="form-control" >{{ isset($charity->description) ? $charity->description:'' }}</textarea>
                </div>
                 
               
                
                <div class="text-center">
                  <button type="submit" class="btn btn-primary">Submit</button>
                 
                </div>
              </form><!-- End Multi Columns Form -->

            </div>
          </div>

        </div>

      
        </div>
      </div>
    </section>
   
@endsection