@extends('layouts.admin-layout')
@section('title', 'Calendar Page CMS')
@section('content')
<div class="content-wrapper">
    <section class="content-header">
        <div class="container-fluid">
            <h1>Calendar Page CMS</h1>
        </div>
    </section>

    <section class="content">
        <div class="container-fluid">
            @if(session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif
            <form action="{{ route('admin.calendar.update') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="card">
                    <div class="card-body">
                        <div class="form-group">
                            <label>Banner Image</label>
                            <input type="file" name="banner_image" class="form-control">
                            @if($content->hasMedia('banner_image'))
                                <img src="{{ $content->getFirstMediaUrl('banner_image') }}" width="150" class="mt-2 img-thumbnail">
                            @endif
                        </div>
                        <div class="form-group">
                            <label>Banner Title</label>
                            <input type="text" name="banner_title" class="form-control" value="{{ $content->banner_title }}">
                        </div>
                        <div class="form-group">
                            <label>Calendar Sub-Heading</label>
                            <input type="text" name="calendar_subhead" class="form-control" value="{{ $content->calendar_subhead }}">
                        </div>
                        <div class="form-group">
                            <label>Calendar Main Heading</label>
                            <input type="text" name="calendar_heading" class="form-control" value="{{ $content->calendar_heading }}">
                        </div>
                    </div>
                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary">Update Calendar Page</button>
                    </div>
                </div>
            </form>
        </div>
    </section>
</div>
@endsection