@extends('layout.layout')
@section('title')
    Adjustment
@endsection
@section('content')
    <!--begin::Card-->
    <div class="card card-custom mt-5">
        <div class="card-body">
            <div class="position-absolute">
                <!--begin::Button-->
                <a href="#" class="btn btn-light-primary font-weight-bolder export-btn exportReport z-index-1 position-relative" data="adjustment" data-type="excel">
                    <span class="svg-icon svg-icon-md">
                       <!--begin::Svg Icon | path:C:\wamp64\www\keenthemes\legacy\metronic\theme\html\demo1\dist/../src/media/svg/icons\Files\Selected-file.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                            <polygon points="0 0 24 0 24 24 0 24"/>
                            <path d="M4.85714286,1 L11.7364114,1 C12.0910962,1 12.4343066,1.12568431 12.7051108,1.35473959 L17.4686994,5.3839416 C17.8056532,5.66894833 18,6.08787823 18,6.52920201 L18,19.0833333 C18,20.8738751 17.9795521,21 16.1428571,21 L4.85714286,21 C3.02044787,21 3,20.8738751 3,19.0833333 L3,2.91666667 C3,1.12612489 3.02044787,1 4.85714286,1 Z M8,12 C7.44771525,12 7,12.4477153 7,13 C7,13.5522847 7.44771525,14 8,14 L15,14 C15.5522847,14 16,13.5522847 16,13 C16,12.4477153 15.5522847,12 15,12 L8,12 Z M8,16 C7.44771525,16 7,16.4477153 7,17 C7,17.5522847 7.44771525,18 8,18 L11,18 C11.5522847,18 12,17.5522847 12,17 C12,16.4477153 11.5522847,16 11,16 L8,16 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                            <path d="M6.85714286,3 L14.7364114,3 C15.0910962,3 15.4343066,3.12568431 15.7051108,3.35473959 L20.4686994,7.3839416 C20.8056532,7.66894833 21,8.08787823 21,8.52920201 L21,21.0833333 C21,22.8738751 20.9795521,23 19.1428571,23 L6.85714286,23 C5.02044787,23 5,22.8738751 5,21.0833333 L5,4.91666667 C5,3.12612489 5.02044787,3 6.85714286,3 Z M8,12 C7.44771525,12 7,12.4477153 7,13 C7,13.5522847 7.44771525,14 8,14 L15,14 C15.5522847,14 16,13.5522847 16,13 C16,12.4477153 15.5522847,12 15,12 L8,12 Z M8,16 C7.44771525,16 7,16.4477153 7,17 C7,17.5522847 7.44771525,18 8,18 L11,18 C11.5522847,18 12,17.5522847 12,17 C12,16.4477153 11.5522847,16 11,16 L8,16 Z" fill="#000000" fill-rule="nonzero"/>
                        </g>
                    </svg>
                    </span>Export to Excel
                </a>

                <a href="#" class="btn btn-light-success font-weight-bolder export-btn exportReport z-index-1 position-relative" data="adjustment" data-type="pdf">
                    <span class="svg-icon svg-icon-md">
                       <!--begin::Svg Icon | path:C:\wamp64\www\keenthemes\legacy\metronic\theme\html\demo1\dist/../src/media/svg/icons\Files\Selected-file.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                            <polygon points="0 0 24 0 24 24 0 24"/>
                            <path d="M4.85714286,1 L11.7364114,1 C12.0910962,1 12.4343066,1.12568431 12.7051108,1.35473959 L17.4686994,5.3839416 C17.8056532,5.66894833 18,6.08787823 18,6.52920201 L18,19.0833333 C18,20.8738751 17.9795521,21 16.1428571,21 L4.85714286,21 C3.02044787,21 3,20.8738751 3,19.0833333 L3,2.91666667 C3,1.12612489 3.02044787,1 4.85714286,1 Z M8,12 C7.44771525,12 7,12.4477153 7,13 C7,13.5522847 7.44771525,14 8,14 L15,14 C15.5522847,14 16,13.5522847 16,13 C16,12.4477153 15.5522847,12 15,12 L8,12 Z M8,16 C7.44771525,16 7,16.4477153 7,17 C7,17.5522847 7.44771525,18 8,18 L11,18 C11.5522847,18 12,17.5522847 12,17 C12,16.4477153 11.5522847,16 11,16 L8,16 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                            <path d="M6.85714286,3 L14.7364114,3 C15.0910962,3 15.4343066,3.12568431 15.7051108,3.35473959 L20.4686994,7.3839416 C20.8056532,7.66894833 21,8.08787823 21,8.52920201 L21,21.0833333 C21,22.8738751 20.9795521,23 19.1428571,23 L6.85714286,23 C5.02044787,23 5,22.8738751 5,21.0833333 L5,4.91666667 C5,3.12612489 5.02044787,3 6.85714286,3 Z M8,12 C7.44771525,12 7,12.4477153 7,13 C7,13.5522847 7.44771525,14 8,14 L15,14 C15.5522847,14 16,13.5522847 16,13 C16,12.4477153 15.5522847,12 15,12 L8,12 Z M8,16 C7.44771525,16 7,16.4477153 7,17 C7,17.5522847 7.44771525,18 8,18 L11,18 C11.5522847,18 12,17.5522847 12,17 C12,16.4477153 11.5522847,16 11,16 L8,16 Z" fill="#000000" fill-rule="nonzero"/>
                        </g>
                    </svg>
                    </span>Export to PDF
                </a>
                <!--end::Button-->
            </div>
            <!--begin: Datatable-->
            {{-- <table class="table align-middle table-row-bordered fs-7 base-datatable">
                <thead>
                    <tr>
                        <th>ERX ID</th>
                        <th>SUBJECT ID</th>
                        <th>Record ID</th>
                        <th>COL. DATE</th>
                        <th>COMP. TYPE</th>
                        <th>COMP.$</th>
                        <th>ADJ. DATE</th>
                        <th>ADJ. BY</th>
                        <th>IS ADJUSTED</th>
                        @if (session('Role') != "site-monitor" && session('Role') != "sponsor")
                        <th>ACTION</th>
                        @endif
                    </tr>
                </thead>
                <tbody>
                    @foreach ($payments as $payment)
                        <tr>
                            @php
                                $user = App\Models\User::find($payment->participantId);
                            @endphp
                            <td>{{ $user->erxId }}</td>
                            <td>{{ $payment->subjectId }}</td>
                            @php
                                $visit = App\Models\Visit::find($payment->visitId);

                            @endphp
                            <td>{{ isset($visit)?$visit->visitId:"No visit" }}</td>
                            <td>{{ isset($visit)?convert_mm_dd_yyyy($visit->scheuleDate):"" }}</td>
                            @php
                                if ($payment->type == 'SampleCharges') {
                                    $sample = App\Models\CollectSample::find($payment->typeId);
                                    $compType = $sample->name;
                                } else {
                                    $ancillary = App\Models\AncillaryCharge::find($payment->typeId);
                                    $compType = $ancillary->name;
                                }
                            @endphp
                            <td>{{ $compType }}</td>
                            <td>{{ $payment->amount }}</td>
                            @if ($payment->isPrimary == 0 && $payment->isAdjusted == 1)
                            <td>{{ convert_mm_dd_yyyy($payment->created_at) }}</td>
                            <td title="{{ $payment->createdBy }}">{{ Str::limit($payment->createdBy, 20) }}</td>
                            @else
                            <td>N/A</td>
                            <td title="N/A">N/A</td>
                            @endif
                            <td>
                            @if ($payment->isAdjusted == 1)
                                <span class="bg-success m-1 px-3 py-1 rounded-2 text-white">YES</span>
                                @else
                                <span class="bg-warning m-1 px-3 py-1 rounded-2 text-white">NO</span>
                                @endif
                                @if ($payment->isPrimary == 1)
                                <span class="d-block mt-1 text-success">Primary</span>
                                @endif
                            </td>
                            @if (session('Role') != "site-monitor" && session('Role') != "sponsor")
                            <td class="nowrap">
                                @if ($payment->isPrimary == 1 && isset($visit))
                                <button class="fs-7 btn btn-light btn-sm px-2" onclick="show_modal({{$payment->id}})"><i class="fa fa-plus pe-0"></i> Add Adjustment</button>
                                @endif
                            </td>
                            @endif
                        </tr>
                    @endforeach
                </tbody>
            </table> --}}
            <!--end: Datatable-->

            <table class="table align-middle table-row-bordered fs-7 base-datatable">
                <thead>
                    <th>ERX ID</th>
                    <th>SUBJECT ID</th>
                    <th>RECORD ID</th>
                    <th>COL. DATE</th>
                    <th>COMP. TYPE</th>
                    <th>COMP.$</th>
                    <th>ADJ. DATE</th>
                    <th>ADJ. BY</th>
                    <th>IS ADJUSTED</th>
                    <th>ACTION</th>
                </thead>
            </table>
        </div>
    </div>
    <!--end::Card-->

<div class="modal fade mydropdownmodal" tabindex="-1" role="dialog" id="confirm_modal">
    <div class="modal-dialog" role="document">
        <div class="modal-content rounded-3">
            <div class="modal-header">
                <h5 class="modal-title">Confirmation</h5>
                <div class="btn btn-icon btn-sm btn-active-light-primary ms-2" data-bs-dismiss="modal" aria-label="Close">
                    <span class="fa fa-times"></span>
                </div>
            </div>
            <div class="modal-body">
                <input type="hidden" id="payment_id" />
                <p>Are you sure you want to adjust this compensation?</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" aria-label="Close">No</button>
                <button class="btn btn-primary" onclick="submit_form(this)">Yes</button>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
                   $(document).ready( function () {
        //        $('.base-datatable').DataTable({
        //        columnDefs: [
        //        { orderable: false, targets: -1 }
        //        ],
        //        pagingType: 'numbers',
        //        responsive: true,
        //        scrollX: true,
        //        order: [[0, 'desc']],

        //  });

                $('.base-datatable').DataTable({

               columnDefs: [
               { "targets":[4,8,9], "orderable": false,class:"nowrap" },
               { type: 'date', 'targets': [3] },
               ],

               pagingType: 'numbers',
               responsive: true,
               scrollX: true,
               order: [[3, 'desc']],
                "serverSide": true,
                "processing": true,
                "ajax":{
                "url": "{{ url('datatable/adjustment') }}",
                "dataType": "json",
                "type": "POST",
                "data":{ _token: "{{csrf_token()}}"}
                },
                "columns": [
                { "data": "erxId" },
                { "data": "subjectId" },
                {"data":"vId"},
                {"data":"scheuleDate"},
                {"data":"compType"},
                {"data":"amount"},
                {"data":"created_at"},
                {"data":"createdBy"},
                {"data":"adjust"},
                {"data":"action"}
                ]

                });

         } );

         function show_modal(id){
            $('#payment_id').val(id);
            $('#confirm_modal').modal('show');
        }

        function submit_form(e){
            $(e).attr('disabled', true);
            var payment_id = $('#payment_id').val();
            window.location.href = "/adjustment/" + payment_id + '/edit';

        }

</script>
@endsection