@extends('admin.layout.master')

@section('home')
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <div>
                <h5 class="font-weight-bold mb-0">Meeting Minutes</h5>
            </div>
        </div>
        <div class="card-body">
            <div class="col-12">
                @if (session('success'))
                    <div class="alert alert-success" id="hide-alert">
                        {{ session('success') }}
                    </div>
                @endif
                @if ($errors->any())
                    <div class="alert alert-danger" id="hide-alert">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
            </div>
            <div class='text-right'>
                <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#exampleModal">
                    Add Meeting Minutes
                </button>
            </div>
            <form action="{{route('meeting_minutes.index')}}" method="get">
                <div class="row">
                    <div class="col-3">
                        <div class="form-group">
                            <label for="">Start Date</label>
                            <input type="text" class="datepicker form-control " name="start_date" id="start_date" value="" placeholder="Select Date" required>

                        </div>
                    </div>
                    <div class="col-3">
                        <div class="form-group">
                            <label for="">End Date</label>
                            <input type="text" class="datepicker form-control " name="end_date" id="end_date" value="" placeholder="Select Date" required>

                        </div>
                    </div>

                    <div class="col-3">
                        <div class="form-group">
                            <label for="">Department</label>
                            <select name="department" class="form-control">
                                <option value="">--Select--</option>
                                @foreach ($deps as $d)
                                    <option value="{{$d->id}}">{{$d->name}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-3">
                        <label for="">&nbsp;</label>
                        <button class="btn btn-block btn-primary">Search</button>
                    </div>
                </div>
            </form>
            <table class="table table-bordered table-hover mt-3">
                <thead>
                <tr>
                    <th>#</th>
                    <th>Date</th>
                    <th>Department</th>
                    <th>Docs Link</th>
                    <th>Attachment</th>
                    <th>Description</th>
                    <th>Action</th>
                </tr>
                </thead>
                <tbody>
                @forelse ($all_mm as $key=>$data)
                    <tr>
                        <td>{{$key+1}}</td>
                        <td>{{$data->date_time ? carbon()->parse($data->date_time)->format('d-m-Y') : null}}</td>
                        <td>{{$data->get_dep_name->name}}</td>
                        <td>@if($data->docs_link) <a href="{{$data->docs_link}}" class="btn btn-sm btn-info">Doc
                                Link</a> @endif</td>
                        <td>@if($data->attachment) <a href="{{asset('payroll_assets/uploads/meeting_minutes')}}/{{$data->attachment}}" target="_blank" class="btn btn-sm btn-info">Attachment</a>@endif</td>
                        <td>{{$data->description}}</td>
                        <td>
                            <button data-id="{{$data->id}}" class="btn btn-primary btn-sm edit_meeting">Edit</button>
                            <a href="{{route('meeting_minutes.delete',['id'=>$data->id])}}" data-id="{{$data->id}}"
                               class="btn btn-danger btn-sm edit_meeting">Delete</a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="4">
                            No Meeting
                        </td>
                    </tr>
                @endforelse
                </tbody>
            </table>

            <!-- Modal -->
            <div class="modal fade" id="exampleModal" tabindex="-1" data-backdrop="static" data-keyboard="false"
                 aria-labelledby="exampleModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
                    <div class="modal-content">
                        <form action="{{route('meeting_minutes.store')}}" method="post" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" class="row_id" name="row_id">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel">Add Meeting Minutes</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <div class="form-group">
                                    <label for="">Date</label>
                                    <input type="text" class="datepicker form-control " name="date_time" id="date_time" value="" placeholder="Select Date" required>

                                    {{-- <input type="datetime-local" name="date_time" class="form-control date_time" placeholder="Date"> --}}
                                </div>
                                @error('date_time')<strong class="text-danger">{{$message}}</strong>@enderror

                                <div class="form-group">
                                    <label for="">Department</label>
                                    <select name="department" class="form-control department">
                                        @foreach ($deps as $dep)
                                            <option value="{{$dep->id}}">{{$dep->name}}</option>
                                        @endforeach
                                    </select>
                                    @error('department')<strong class="text-danger">{{$message}}</strong>@enderror
                                </div>

                                <div class="form-group">
                                    <label for="">Link</label>
                                    <input type="text" name="docs_link" value="{{old('docs_link')}}"
                                           class="form-control docs_link" placeholder="Link">
                                    @error('docs_link')<strong class="text-danger">{{$message}}</strong>@enderror
                                </div>
                                <div class="form-group">
                                    <label for="">Attachments</label>
                                    <input type="file" name="attachments" class="form-control">
                                </div>

                                <div class="form-group">
                                    <label for="">Description</label>
                                    <textarea name="description" cols="30" rows="5"
                                              class="form-control description"></textarea>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                <button class="btn btn-primary px-5">Save</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('script')

    <script>
        $('.edit_meeting').click(function () {
            var id = $(this).data('id');
            console.log(id);
            $.ajax({
                url: '/meeting_minutes/edit',
                type: 'get',
                data: {id: id},
                success: function (res) {
                    $('.date_time').val(res.date_time);
                    $('.department').val(res.department);
                    $('.description').val(res.description);
                    $('.docs_link').val(res.docs_link);
                    $('#exampleModal').modal('show');
                    $('.row_id').val(res.id);
                }
            });
        });
    </script>

@endsection