@extends('dashboard::layouts.app')

@section('title')
    <h5 class="text-dark font-weight-bold mt-2 mb-2 mr-5">
        Edit Header Image
    </h5>
@endsection

@section('content')
    <div class="card card-custom " data-card="true" id="kt_card_4">
        <div class="card-header">
            <h3 class="card-title">
                Edit Header Image
            </h3>
        </div>
        <form class="form" action="{{ route('himage.update') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="card-body">

                <input type="hidden" name="id" value="{{ $himage->id }}">


                <div class="row form-group">
                    <label class="col-lg-3 col-form-label text-right"> Our Info:</label>
                    <div class="col-lg-8">
                        <input type="file" name="info_image" class="form-control mb-2" placeholder="Choose himage main image here" value="{{ $himage->info_image }}" />
                        <img src="{{ url('uploads/images/himage/info_image/' . $himage->info_image) }}" style="border-radius: 50%;" width="50" height="50" alt="No image Found">
                        @error('info_image')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-lg-3 col-form-label text-right"> Our Team:</label>
                    <div class="col-lg-8">
                        <input type="file" name="team_image" class="form-control mb-2" placeholder="Choose himage main image here" value="{{ $himage->team_image }}" />
                        <img src="{{ url('uploads/images/himage/team_image/' . $himage->team_image) }}" style="border-radius: 50%;" width="50" height="50" alt="No image Found">
                        @error('team_image')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-lg-3 col-form-label text-right"> Our Alumni:</label>
                    <div class="col-lg-8">
                        <input type="file" name="alumni_image" class="form-control mb-2" placeholder="Choose himage main image here" value="{{ $himage->alumni_image }}" />
                        <img src="{{ url('uploads/images/himage/alumni_image/' . $himage->alumni_image) }}" style="border-radius: 50%;" width="50" height="50" alt="No image Found">
                        @error('alumni_image')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-lg-3 col-form-label text-right"> News:</label>
                    <div class="col-lg-8">
                        <input type="file" name="news_image" class="form-control mb-2" placeholder="Choose himage main image here" value="{{ $himage->news_image }}" />
                        <img src="{{ url('uploads/images/himage/news_image/' . $himage->news_image) }}" style="border-radius: 50%;" width="50" height="50" alt="No image Found">
                        @error('news_image')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-lg-3 col-form-label text-right"> Blog:</label>
                    <div class="col-lg-8">
                        <input type="file" name="blog_image" class="form-control mb-2" placeholder="Choose himage main image here" value="{{ $himage->blog_image }}" />
                        <img src="{{ url('uploads/images/himage/blog_image/' . $himage->blog_image) }}" style="border-radius: 50%;" width="50" height="50" alt="No image Found">
                        @error('blog_image')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-lg-3 col-form-label text-right"> Gallery:</label>
                    <div class="col-lg-8">
                        <input type="file" name="gallery_image" class="form-control mb-2" placeholder="Choose himage main image here" value="{{ $himage->gallery_image }}" />
                        <img src="{{ url('uploads/images/himage/gallery_image/' . $himage->gallery_image) }}" style="border-radius: 50%;" width="50" height="50" alt="No image Found">
                        @error('gallery_image')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-lg-3 col-form-label text-right"> Career:</label>
                    <div class="col-lg-8">
                        <input type="file" name="career_image" class="form-control mb-2" placeholder="Choose himage main image here" value="{{ $himage->career_image }}" />
                        <img src="{{ url('uploads/images/himage/career_image/' . $himage->career_image) }}" style="border-radius: 50%;" width="50" height="50" alt="No image Found">
                        @error('career_image')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-lg-3 col-form-label text-right"> Contact:</label>
                    <div class="col-lg-8">
                        <input type="file" name="contact_image" class="form-control mb-2" placeholder="Choose himage main image here" value="{{ $himage->contact_image }}" />
                        <img src="{{ url('uploads/images/himage/contact_image/' . $himage->contact_image) }}" style="border-radius: 50%;" width="50" height="50" alt="No image Found">
                        @error('contact_image')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-lg-3 col-form-label text-right"> Resource:</label>
                    <div class="col-lg-8">
                        <input type="file" name="resource_image" class="form-control mb-2" placeholder="Choose himage main image here" value="{{ $himage->resource_image }}" />
                        <img src="{{ url('uploads/images/himage/resource_image/' . $himage->resource_image) }}" style="border-radius: 50%;" width="50" height="50" alt="No image Found">
                        @error('resource_image')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-lg-3 col-form-label text-right"> Report:</label>
                    <div class="col-lg-8">
                        <input type="file" name="report_image" class="form-control mb-2" placeholder="Choose himage main image here" value="{{ $himage->report_image }}" />
                        <img src="{{ url('uploads/images/himage/report_image/' . $himage->report_image) }}" style="border-radius: 50%;" width="50" height="50" alt="No image Found">
                        @error('report_image')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-lg-3 col-form-label text-right"> Thematic Area:</label>
                    <div class="col-lg-8">
                        <input type="file" name="tarea_image" class="form-control mb-2" placeholder="Choose himage main image here" value="{{ $himage->tarea_image }}" />
                        <img src="{{ url('uploads/images/himage/tarea_image/' . $himage->tarea_image) }}" style="border-radius: 50%;" width="50" height="50" alt="No image Found">
                        @error('tarea_image')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

            </div>
    </div>

    <div class="card-footer">
        <div class="row">
            <div class="col-lg-12 text-center">
                <button type="submit" class="btn btn-success mr-2">Update Header image</button>
                <a href="{{ url()->previous() }}" class="btn btn-default">Cancel</a>

            </div>
        </div>
    </div>
    </form>
    </div>
@endsection