@include('layouts.header')
@include('spinner.loadingspinner')

<section class="header2">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <div class="link">
        <a style="color: #000;" href="{{ url('/fp-admin/admin-panel') }}">Back</a>
    </div>
    <div>

    </div>
    <div class="logo">
        <img src="../assets/images/fptlogo1.png" alt="">
    </div>
</section>

@if (Session::has('message'))
    <div style="display: block;" class="modal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header alert alert-success">
                    <h5 class="modal-title">Successful</h5>
                    <button type="button" class="close errorModal-btn" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-success">
                        <p>{{ Session::get('message') }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif
<section class="table-layout-container" style="height: 100%;">
    <h2>NEW SUBMISSIONS</h2>
    {{--    <div class="row">--}}
    {{--        <div class="col-md-6"></div>--}}
    {{--        <div class="col-md-3"></div>--}}
    {{--        <div class="col-md-3 mb-3">--}}
    {{--            <label for="" class="text-uppercase">select port</label>--}}
    {{--            <form method="post" action="{{ url('/fp-admin/portfilter')}}">--}}
    {{--                @csrf--}}
    {{--                <select required name="port_filter[]" id="" onchange="filter(this)" class="filter-port">--}}
    {{--                    <option value="Select">SELECT</option>--}}
    {{--                    <option value="All">ALL</option>--}}
    {{--                    <option value="Suva Port">SUVA PORT</option>--}}
    {{--                    <option value="Lautoka Port">LAUTOKA PORT</option>--}}
    {{--                </select>--}}
    {{--                <button type="submit" id="filterportbtn" style="display: none"></button>--}}
    {{--            </form>--}}
    {{--        </div>--}}
    {{--    </div>--}}

    {{--    {{$admin_data}}--}}

    <div class="div new-sub-table">
        <table class="table-layout1 tb-color1 overflow-auto">
            <thead>
            <tr>
                <th>Date</th>
                <th>Time</th>
                <th>Port
                </th>
                <th>Username</th>
                <th>Ref Number</th>
                <th>Company</th>
                {{-- <th>Remark</th> --}}
                <th>Status</th>
                <th>Remark</th>
            </tr>
            </thead>
            <tbody class="new-submission-table-body">
            @foreach ($formsData as $key=>$formData)
                <tr>
                    <td class="tbbody-color1 table-width-type1">{{ $formData->created_at->format('d/m/y') }}</td>
                    <td class="tbbody-color1">{{ $formData->created_at->format('H:i') }}</td>
                    <td class="tbbody-color1 table-width-type1">{{ $formData->port }}</td>
                    <td class="tbbody-color1 table-width-type1">{{ $formData->username }}</td>
                    <td class="tbbody-color1">{{ $formData->ref_number }}</td>
                    <td class="tbbody-color1">{{ $formData->company }}</td>
                    {{-- <td class="tbbody-color1">{{ $formData->remark }}</td> --}}
                    <td class="tbbody-color1 status-col">
                        @if ($formData->status == 0)
                            <p class="form-status alert alert-dark">Pending</p>
                        @elseif($formData->status == 1)
                            <p class="form-status alert alert-success">Approved</p>
                        @else
                            <p class="form-status alert alert-danger">Rejected</p>
                        @endif
                    </td>
                    <td class="tbbody-color1 table-width-type2">
                            <textarea class="table-comment" @if($formData->status != 0)
                            disabled
                                      @endif name="form-comment" rows="4" cols="5"
                                      placeholder="Comment.." id="commentid{{$key}}">{{ $formData->comment }}</textarea>
                    </td>
                    <td class="tbbody-td-button">
                        @if ($formData->status == 0)

                            <input onclick="approveForm(
                                {
                                data: {{$formData}},
                                index: {{$key}}
                                }
                                )" class="btn btn-sm btn-success mb-2"
                                   value="APPROVE"
                                   type="button">

                            <input onclick="rejectForm(
                                {
                                data: {{$formData}},
                                index: {{$key}}
                                }
                                )" class="btn btn-sm btn-danger mb-2"
                                   value="REJECT"
                                   type="button">

                        @endif
                        <a class="btn btn-sm btn-secondary mb-2"
                           href="{{ url('/fp-admin/form-view/' . $formData->ref_number) }}" target="_blank">View</a>

                        <a class="btn btn-sm btn-warning mb-2"
                           href="{{ url('/fp-admin/download/' . $formData->ref_number) }}"><img
                                src="../assets/images/icons/download-icon.png" alt="" style="margin: 0!important;"></a>
                    </td>
                </tr>
            @endforeach

            <!--<tr>
                    <td class="tbbody-color2"></td>
                    <td class="tbbody-color2"></td>
                    <td class="tbbody-color2"></td>
                    <td class="tbbody-color2"></td>
                    <td class="tbbody-color2"></td>
                    <td class="tbbody-color2"></td>
                    {{-- <td class="tbbody-color2"></td> --}}
                <td class="tbbody-color2"></td>
                <td class="tbbody-color2"></td>
            </tr>
            <tr>
                <td class="tbbody-color2"></td>
                <td class="tbbody-color2"></td>
                <td class="tbbody-color2"></td>
                <td class="tbbody-color2"></td>
                <td class="tbbody-color2"></td>
                <td class="tbbody-color2"></td>
{{-- <td class="tbbody-color2"></td> --}}
                <td class="tbbody-color2"></td>
                <td class="tbbody-color2"></td>
            </tr> -->
            </tbody>
        </table>
        <div>
            <div class="new-submission-loading">

            </div>

            <form action="{{url('/fp-admin/allnewsubmissions')}}">
                <button id="new-submission-more-btn" class="btn btn-default" type="submit">More</button>
            </form>
        </div>
    </div>


    <script>

        // approve
        function approveForm(ref) {
            $('#loading-spinner').show();
            var r = confirm("Are you want to approve this form?");


            var commentVal = $('#commentid' + ref['index']).val()


            if (r == true) {
                $.ajax({
                    url: '/fp-admin/form-approve',
                    type: 'POST',
                    // contentType: 'application/json',
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    data: {
                        'ref': ref['data'].ref_number,
                        'comment': commentVal
                    },
                    success: function (response) {
                        $('#loading-spinner').hide();
                        location.reload();
                    },
                    error: function (error) {
                        $('#loading-spinner').hide();
                        console.log(error)
                    }
                });
            } else {
                console.log();
            }


        }

        //reject
        function rejectForm(ref) {
            $('#loading-spinner').show();
            var r = confirm("Are you want to reject this form?");


            var commentVal = $('#commentid' + ref['index']).val()


            if (r == true) {
                $.ajax({
                    url: '/fp-admin/form-reject/',
                    type: 'POST',
                    // contentType: 'application/json',
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    data: {
                        'ref': ref['data'].ref_number,
                        'comment': commentVal
                    },
                    success: function (response) {
                        $('#loading-spinner').hide();
                        location.reload();
                    },
                    error: function (error) {
                        $('#loading-spinner').hide();
                        console.log(error)
                    }
                });
            } else {
                console.log();
            }


        }


    </script>


@include('layouts.footer')