@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">Report CheckList</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 Report Checklist
                </button>
            </div>
            <form action="{{route('report_checklists.index')}}" method="get">
                <div class="row">
                    <div class="col-3">
                        <div class="form-group">
                            <label for="">Start Date</label>
                            <input type="date" name="start_date" class="form-control">
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="form-group">
                            <label for="">End Date</label>
                            <input type="date" name="end_date" class="form-control">
                        </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 And Time</th>
                    <th>Report Title</th>
                    <th>Report Type</th>
                    <th>Department</th>
                    <th>Docs Link</th>
                    <th>Attachment</th>
                    <th>Description</th>
                    <th>Action</th>
                </tr>
                </thead>
                <tbody>
                @forelse ($all_report_checkList as $key=>$data)
                    <tr>
                        <td>{{$key+1}}</td>
                        <td>{{$data->date_time}}</td>
                        <td>{{$data->title}}</td>
                        <td>@if($data->report_type==1){{'Master Report'}}@elseif($data->report_type==2){{'Weekly Report'}}@else{{'Daily Report'}}@endif</td>
                        <td>{{$data->get_dep_name->name}}</td>
                        <td>@if($data->docs_link) <a href="{{$data->docs_link}}" target="_blank" class="btn btn-sm btn-info">Doc Link</a>@endif</td>
                        <td>@if($data->attachment) <a href="{{asset('payroll_assets/uploads/report_check_list')}}/{{$data->attachment}}" target="_blank" class="btn btn-sm btn-info">Attachment</a>@endif</td>
                        <td>{{$data->description}}</td>
                        <td>
                            <a href="{{route('report_checklists.edit',['id'=>$data->id])}}" class="btn btn-primary btn-sm edit_report">Edit</a>
                            <a href="{{route('report_checklists.delete',['id'=>$data->id])}}" data-id="{{$data->id}}" class="btn btn-danger btn-sm report_checklist">Delete</a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="4">
                            No Report Checklist
                        </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('report_checklists.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 Report Checklist</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="">Dates</label>
                                    <input type="text" name="date_time" class="form-control date_time bootstrap_date-time-picker" placeholder="Date">
                                </div>
                                @error('date_time')<strong class="text-danger">{{$message}}</strong>@enderror

                                <div class="form-group">
                                    <label for="">Report Title</label>
                                    <input type="text" name="report_title" class="form-control report_title" placeholder="Report Title">
                                    @error('report_title')<strong class="text-danger">{{$message}}</strong>@enderror
                                </div>
                                <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="">Report Type</label>
                                    <select name="report_type" class="form-control report_type">
                                        <option value="1">Master Report</option>
                                        <option value="2">Weekly Report</option>
                                        <option value="3">Daily Report</option>
                                    </select>
                                    @error('report_type')<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>
                                    <input name="description" class="form-control description">
                                </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>