@extends('layouts.app')
@section('content')
@section('css')
@endsection

<div class="container">
    <h2>Mission Page</h2>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <form action="{{ url('/admin/mission-page') }}" method="POST" enctype="multipart/form-data">
        {{ csrf_field() }}

        <div class="form-group">
            <label>Title</label>
            <input type="text" name="title" value="{{ old('title', $data->title ?? '') }}" class="form-control">
        </div>

        <div class="form-group">
            <label>Subtitle</label>
            <input type="text" name="subtitle" value="{{ old('subtitle', $data->subtitle ?? '') }}" class="form-control">
        </div>

        <div class="form-group">
            <label>Text</label>
            <textarea name="text" rows="10" class="form-control">{{ old('text', $data->text ?? '') }}</textarea>
        </div>

        <div class="form-group form-check ml-2">
            <input type="checkbox" name="show_image" class="form-check-input" id="showImage"
                {{ old('show_image', $data->show_image ?? false) ? 'checked' : '' }}>
            <label class="form-check-label" for="showImage">Show Image</label>
        </div>

        <div class="form-group">
            <label>Image</label><br>
            @if(!empty($data->image))
                <img src="{{ asset('/laravel_code/public/'.$data->image) }}" width="300"><br><br>
            @endif
            <input type="file" name="image">
            <p class="text-muted">Leave blank to keep the current image. Uncheck "Show Image" to remove it.</p>
        </div>

        <button type="submit" class="btn btn-primary">Save</button>
    </form>
</div>
@section('js')
@endsection
@endsection