@extends('layouts.admin')

@section('content')

    <!-- <div class="layout-px-spacing"> -->
    @if ($message = Session::get('success'))
                <div class="alert alert-light-success border-0 mb-4" role="alert"> 
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"> 
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x close" data-dismiss="alert">
                            <line x1="18" y1="6" x2="6" y2="18"></line>
                            <line x1="6" y1="6" x2="18" y2="18"></line>
                        </svg>
                    </button> 
                <strong>{{ $message }}</strong></div>
                @elseif ($message = Session::get('error'))
                <div class="alert alert-light-danger border-0 mb-4" role="alert"> 
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"> 
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x close" data-dismiss="alert">
                            <line x1="18" y1="6" x2="6" y2="18"></line>
                            <line x1="6" y1="6" x2="18" y2="18"></line>
                        </svg>
                    </button> 
                <strong>{{ $message }}</strong></div>
            @endif
<div class="container">
    <div class="container">
        <div class="layout-px-spacing">
            <div class="row">
                <div class="col-md-12">
                    <div class="card mt-3">
                        <div class="card-header">
                            <h4 class="card-title">Announcement</h4>
                        </div>
                        <div class="card-body">
                            <form action="{{ route('admin.user.post_announcement') }}" method="post" id="createUser">
                                @csrf
                                <!-- <div class="row"> -->
                                    <!-- <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Full Name</label>
                                            <input type="text" name="full_name" id="full_name" class="form-control">
                                            <span class="text-danger">{{ $errors->first('full_name') }}</span>
                                        </div>
                                    </div> -->
                                    
                                    <!-- <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Phone</label>
                                            <input type="phone" name="phone" id="phone" class="form-control">
                                            <span class="text-danger">{{ $errors->first('phone') }}</span>
                                        </div>
                                    </div> -->
                                <!-- </div> -->
                                <!-- <div class="row"> -->
                                    <!-- <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Email</label>
                                            <input type="text" name="email" id="email1" class="form-control">
                                            <span class="text-danger">{{ $errors->first('email') }}</span>
                                        </div>
                                    </div> -->
                                    <!-- <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Password</label>
                                            <input type="password" name="password" id="password" class="form-control">
                                            <span class="text-danger">{{ $errors->first('password') }}</span>
                                        </div>
                                    </div> -->
                                <!-- </div> -->
                                <!-- <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label>Address</label>
                                            <textarea name="address" id="address" class="form-control"></textarea>
                                            <span class="text-danger">{{ $errors->first('address') }}</span>
                                        </div>
                                    </div>
                                </div> -->
                                <!-- <div class="row mb-3">
                                    <div class="col-md-6">
                                        <label>Profile Picture</label>
                                        <span id="profile_picture_error" class="text-danger"></span>
                                        <div class="custom-file">
                                            <input type="file" class="custom-file-input" name="profile_picture" id="profile_picture" accept="image/*">
                                            <label class="custom-file-label" for="customFile">Choose file</label>
                                        </div>
                                    </div>
                                </div> -->
                                <!-- <div class="row">
                                    <div class="col-md-6 mt-3 d-none">
                                        <img src="" class="border rounded " style="max-width: 100%;" height="150" alt="User avatar" id="profile_picture_preview">
                                    </div>
                                </div> -->
                                <div class="row">
                                    <div class="col-md-12">
                                    <div class="form-group">
                                            <label>Title</label>
                                            <input type="text" name="title" id="title" class="form-control" value="{{ old('title') }}">
                                            <span class="text-danger">{{ $errors->first('title') }}</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                    <div class="form-group">
                                            <label>Description</label>
                                            <textarea name="description" id="description" class="form-control">{{ old('description') }}</textarea>
                                            <span class="text-danger">{{ $errors->first('description') }}</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="">Select Routes</label>
                                            <select name="selected_routes[]" id="selected_routes" class="js-example-basic-multiple" multiple="multiple">
                                                @foreach($route_data as $key => $route)
                                                    <option value="{{$key}}">{{$route}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <!-- <div class="row">
                                    <div class="col-md-12">
                                    <div class="form-group">
                                            <label>Confirm password</label>
                                            <input type="password" name="password_confirmation" id="password_confirmation" class="form-control">
                                            <span class="text-danger">{{ $errors->first('password_confirmation') }}</span>
                                        </div>
                                    </div>
                                </div> -->
                                <div class="card-footer mt-3">
                                    <button type="submit" class="btn btn-fill btn-outline-primary">Submit</button>
                                    <a href="{{ route('admin.user.announcement')}}" class="btn btn-outline-danger">Cancel</a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>        
            </div>
        </div>
    </div>
</div>

@endsection

<script type="text/javascript">
    window.onload = function() {
        $(document).ready(function() {
            $(".js-example-basic-multiple").select2({
                placeholder: "Select Routes",
                allowClear: true
            });
        });
    }
</script>