@extends('layout.master')

@push('plugin-styles')
    <link href="{{ asset('assets/plugins/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" />
@endpush

@section('content')
    {{-- <nav class="page-breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Forms</a></li>
    <li class="breadcrumb-item active" aria-current="page">Basic Elements</li>
  </ol>
</nav> --}}

    <div class="row">
        <div class="col-md-12 grid-margin stretch-card">
            <div class="card">
                <div class="card-header">
                    <h6>Announcement</h6>
                </div>
                <div class="card-body">
                    @if (Session::has('msg'))
                        <div class="alert alert-danger" role="alert">
                            {{ Session::has('msg') ? Session::get('msg') : '' }}
                        </div>
                    @elseif(Session::has('success'))
                        <div class="alert alert-success" role="alert">{{ Session::get('success') }}</div>
                    @endif

                    <form method="post" action="{{ url('announcements/') }}">
                        @csrf
                        <div class="form-group d-flex">
                            <label class="col-sm-2 offset-lg-1 text-right control-label mt-2">Announcements</label>
                            <div class="col-sm-6">
                                <input type="tetx"
                                    class="form-control ui-autocomplete-input @error('amount') is-invalid @enderror"
                                    id="exampleInputUsername1" value="{{ $data['announcement'] }}" name="amount"
                                    autocomplete="off">
                                @error('amount')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="form-group d-flex">
                            <label class="col-sm-2 offset-lg-1 text-right control-label mt-2"></label>
                            <div class="col-sm-6">
                                <button type="submit" class="btn btn-primary">Announcement</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12 grid-margin stretch-card">
            <div class="card">
                <div class="card-header">
                    <h6>Delete Data</h6>
                </div>
                <div class="card-body">
                    <form method="get" action="{{ url('deleteData') }}">
                        <div class="form-group row">
                            <div class="col-sm-4">
                                <div class="input-group date datepicker" id="datePickerExample">
                                    <input type="text" class="form-control" name="from" placeholder="From" id="from"><span
                                        class="input-group-addon"><i data-feather="calendar"></i></span>
                                </div>
                            </div>
                            <div class="col-sm-1 text-center mt-2">To</div>
                            <div class="col-sm-4">
                                <div class="input-group date datepicker" id="datePickerExample1">
                                    <input type="text" class="form-control" name="to" placeholder="To" id="to"><span
                                        class="input-group-addon"><i data-feather="calendar"></i></span>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <input class="btn btn-danger form-control delete-all" type="submit" value="delete">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

@endsection
@push('plugin-scripts')
    <script src="{{ asset('assets/plugins/sweetalert2/sweetalert2.min.js') }}"></script>

    <script src="{{ asset('assets/plugins/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>
@endpush
@push('custom-scripts')
    <script src="{{ asset('assets/js/datepicker.js') }}"></script>
    <script type="text/javascript">
        $("#datePickerExample").datepicker();
        $("#datePickerExample1").datepicker();
    </script>
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
    <script type="text/javascript">
        $('.delete-all').on('click', function(event) {
            event.preventDefault();
            var url = 'deleteData';
            // alert(url);
            const fromDate = $("#from").val();
            const toDate = $("#to").val();
            if (fromDate != "" && toDate != "") {
                const swalWithBootstrapButtons = Swal.mixin({
                    input: 'text',
                    confirmButtonText: 'Done',
                    showCancelButton: true,
                    progressSteps: []
                }).queue([{
                    title: 'Are You Sure ' + fromDate + ' to ' + toDate + ' Complaint Delete',
                    text: 'Admin Password'
                }, ]).then((result) => {
                    if (result.value) {
                        window.location.href = url + "/" + result.value + '?from=' + fromDate + '&to=' +
                            toDate;
                    }
                })
            } else {
                alert("select date form or to date");
            }


        });
    </script>
@endpush