 @extends('admin.layouts.main-layout')
 @section('content')
 <div class="container">
     <div class="justify-content-center">
         <div class="">
             <div class="card">
                 <div class="card-header">Create Customer</div>
                 <div class="card-body">
                     @if ($errors->any())
                     <div class="alert alert-danger">
                         <ul>
                             @foreach ($errors->all() as $error)
                             <li>{{ $error }}</li>
                             @endforeach
                         </ul>
                     </div>
                     @endif
                     <form method="post" action="{{ url('admin/announcement') }}"
                         onsubmit="return validateForm('addsstatus')" class="addsstatus" autocomplete="off"
                         enctype="multipart/form-data">
                         @csrf
                         <div class="container">
                             <div class="row form-holder">
                                 <div class="col-xl-6  col-lg-12 col-md-12 col-sm-12 col-12 ">
                                     <div class="form-group">
                                         <label>Title</label>
                                         <input type="text" class="form-control input-mandatory" id="Announcement"
                                             name="title" value="{{ old('title') }}" placeholder="Title"
                                             {{-- onchange="previewImage(event)" --}}>
                                         {{-- <img id="imagePreview" src="#" alt="Image Preview"
                                                style="display:none; margin-top:10px; max-width:200px;" /> --}}
                                     </div>
                                 </div>
                                 <div class="col-xl-6  col-lg-12 col-md-12 col-sm-12 col-12 ">
                                     <div class="form-group">
                                         <label>Description</label>
                                         <input type="text" class="form-control input-mandatory" id="Announcement"
                                             name="description" value="{{ old('description') }}"
                                             placeholder="Description" {{-- onchange="previewImage(event)" --}}>
                                         {{-- <img id="imagePreview" src="#" alt="Image Preview"
                                                style="display:none; margin-top:10px; max-width:200px;" /> --}}
                                     </div>
                                 </div>
                             </div>
                         </div>
                         <div class="row">
                             <label class="col-form-label"></label>
                             <div class="d-flex justify-content-end">
                                 <button type="submit" class="btn btn-success mr-2">Save</button>
                                 <a href="{{ url('admin/announcement') }}" class="btn btn-danger mr-2">Cancel</a>
                             </div>
                         </div>
                     </form>
                 </div>
             </div>
         </div>
     </div>
 </div>
 @endsection