@extends('layouts.app')
@push('page_style')
    <style>
        #example1_filter {
            display: flex;
            justify-content: end;
        }

    </style>
@endpush
@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="home">Mission Page</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
                        <li class="breadcrumb-item active">Users</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>

    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    @if(session('success') || session('error'))
                        <div class="alert {{ session('success') ? 'alert-success' : 'alert-danger' }}">
                            {{ session('success') ?? session('error') }}
                        </div>
                    @endif

                    <form action="{{route('admin.mission.form')}}" method="post" enctype="multipart/form-data">
                        @csrf
                        <div class="row">
                            <div class="col-md-12">
                                <h4>Banner Section</h4>
                                <label>Banner Image</label>
                                <input name="bImage1" type="file" class="form-control">
                                <img src="{{asset('/admin/mission-images/'.($data['bImage1'] ?? ''))}}" width="500px">
                                <br>
                                <label>Banner Title</label>
                                <input name="title1" type="text" class="form-control" placeholder="Banner Title"
                                       value="{{$data['title1'] ?? ''}}" required>
                            </div>
                        </div>
                        <br><br>
                        <div class="row">
                            <div class="col-md-12">
                                <h4>Main Section</h4>
                                <label>About Image</label>
                                <input name="aImage1" type="file" class="form-control">
                                <img src="{{asset('/admin/mission-images/'.($data['aImage1'] ?? ''))}}" width="500px">
                                <br>
                                <label>Title</label>
                                <input name="title2" type="text" class="form-control" placeholder="Title"
                                       value="{{$data['title2'] ?? ''}}" required>
                                <label>Description</label>
                                <textarea name="description1" type="text" class="form-control" rows="3"
                                          placeholder="Description Input"
                                          required>{{$data['description1'] ?? ''}}</textarea>
                                <br>

                                <label>Sub Title</label>
                                <input name="title3" type="text" class="form-control" placeholder="Sub Title"
                                       value="{{$data['title3'] ?? ''}}" required>
                                <label>Sub Description</label>
                                <textarea name="description2" type="text" class="form-control" rows="5"
                                          placeholder="Sub Description Input"
                                          required>{{$data['description2'] ?? ''}}</textarea>
                                <label>Year Experience</label>
                                <input name="year" type="number" class="form-control"
                                       placeholder="How Many Years Experience" value="{{$data['year'] ?? ''}}">
                                <label>End Description</label>
                                <textarea name="description3" type="text" class="form-control" rows="7"
                                          placeholder="End Description Input"
                                          required>{{$data['description3'] ?? ''}}</textarea>

                            </div>
                        </div>
                        <br><br>

                        <br>
                        <button type="submit" class="btn btn-success">Submit</button>
                    </form>
                </div>
            </div>
        </div>
    </section>
@endsection