@extends('layouts.main')
@section('title', 'Remarks Master')
@section('container')

    <style>
      
    </style>

    <div class="row">
        <div class="col-xl-4 col-lg-4 col-sm-12">
            <div class="card" style="">
                <div class="card-header p-2" style="background:var(--secondary) ;">
                    <h4 class="card-title">Remarks- {{  isset($remarks) ?  'Update':'Add' }}</h4>
                </div>
                <div class="card-body">

                    <div class="basic-form">
                        <form id="addRemarkd" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="remarks_id" value="{{ isset($remarks) ? $remarks->id : '' }}">
                            <div class="row gy-4">
                                <div class="form-group col-md-12">
                                    <label>Remarks Type:</label>
                                    <select class="form-control" name="remarks_type" id="remarkstype" aria-label="Default select example" required>
                                        <option value="0">Select type</option>
                                        <option value="1" @if (isset($remarks->id) && $remarks->type == 1) selected @endif>Positive</option>
                                        <option value="2" @if (isset($remarks->id) && $remarks->type == 2) selected @endif>Negative</option>
                                        <option value="3" @if (isset($remarks->id) && $remarks->type == 3) selected @endif>Approved</option>
                                        <option value="4" @if (isset($remarks->id) && $remarks->type == 4) selected @endif>Reject</option>
                                        <option value="5" @if (isset($remarks->id) && $remarks->type == 5) selected @endif>Item level Remarks</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-12">
                                    <label>Remarks</label>
                                    <input  type="text" class="form-control"  name="remarks"  value="{{ isset($remarks) ? $remarks->value : '' }}">
                                    <span id="remarks" style="color:red;"></span>
                                </div>
                            </div>
                            <!--end row-->
                            <br>
                            <div class="text-start mb-6 gy-4">
                                <button type="submit" id="filesave" class="btn btn-primary btn-block">Submit</button>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-8 col-lg-8 col-sm-12">
            <div class="card">
                <div class="card-body p-0">
                    <div class="table-responsive active-projects">
                        <div class="tbl-caption p-2">
                            <h4 class="heading mb-0">Remarks - List</h4>
                            <!-- Button trigger modal -->
                        </div>
                        <!--<button id="exportBtn">Export to CSV</button>-->
                        {{-- <button type="button" class="btn btn-primary mb-2 mx-3" data-bs-toggle="modal"
                            data-bs-target="#exampleModalpopover">Add Bulk Data</button> --}}
                        <table id="projects-tbl" class="table">
                            <thead>
                                <tr>
                                    <th class="sort">Id</th>
                                    <th class="sort">Action</th>
                                     <th class="sort">Type</th>
                                    <th class="sort">Remarks</th>
                                    <th class="sort">Date</th>
                                </tr>
                            </thead>

                            <tbody>
                                @foreach ($remarks_lists as $row)
                                    <tr>
                                        <td>{{ $loop->iteration }}</td>
                                        <td>
                                            <a href="{{ route('remarks') .'?id=' . $row->id  }}" class="btn btn-sm btn-primary"><i
                                                    class="fa fa-pencil"></i></a>

                            
                                            <!--************** Delete btn *******************-->
                                        </td>
                                         <td>
                                             @if($row->type == 1)
                                                Positive
                                             @elseif($row->type == 2)
                                                Negative
                                             @elseif($row->type == 3)
                                                 Approved
                                             @elseif($row->type == 4)
                                                Reject
                                                @else
                                                Iteam level Remarks
                                             @endif        
                                        </td>
                                        <td>{{ $row->value }}</td>
                                        <td>{{ $row->created_at }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <button type="hidden" class="btn btn-primary mb-2 d-none conf" data-bs-toggle="modal"
        data-bs-target=".bd-example-modal-lg-conf">Large modal</button>


@endsection

<script nonce="{{ $cspNonce }}" src="{{ asset('public/js/jquery-3.6.0.min.js') }}"></script>
<script nonce="{{ $cspNonce }}" src="{{ asset('js/Remarks.js') }}"></script>