@extends('layouts.master')
@push('css')
    <link href="{{ asset('assets/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .table-header tr,
        .table-header td {
            border: 1px solid black !important;
            border-collapse: collapse !important;
            padding: 2px 4px 2px 4px;
        }

        .table-header tr td span {
            font-weight: bold;
            color: black !important;
            margin-left: 10px !important;
            margin-right: 30px !important;
        }

        .table-number-letter {
            /*width: 100%;*/
        }

        .table-number-letter tr,
        .table-number-letter td {
            border: 1px solid black !important;
            border-collapse: collapse !important;
            padding: 4px;
        }

        .table-number-letter,
        tr,
        td span {
            font-weight: bold;
        }

        .table-item tr,
        .table-item td {
            border: 1px solid black !important;
            border-collapse: collapse !important;
            padding: 4px;
        }

        .table-item .table-body td {
            text-align: right;
        }

        .table-ttd {
            border: none !important;
            /*border-collapse: collapse !important;*/
        }

        .table-ttd tr {
            border: none !important;
            /*border-collapse: collapse !important;*/
        }

        .table-ttd tr td {
            border: none !important;
            /*border-collapse: collapse !important;*/
        }

        iframe {
            -ms-zoom: 0.95;
            zoom: 0.95;
        }
    </style>
@endpush
@section('content')
    <div class="row">

        <div class="card">
            <div class="card-body ">
                <div class="col-md-12">
                    @if ($surat->status == '2')
                        <div class="col-md-12">
                            <div class="alert alert-danger"><i class="fa fa-times"></i> {{ $surat->keterangan_penolakan }}
                            </div>
                        </div>
                    @endif
                    <div class="col-md-12" style="color:black;">
                        <div class="row">
                            <div class="col-md-12 table-responsive">
                                <table style="min-width: 983px !important; width: auto;border: none;">
                                    <tr>
                                        <td>
                                            <table class="table-header" style="width: 100%;">
                                                <tr>
                                                    <td rowspan="5"><img style="width:105px;"
                                                            src="{{ asset('images/logo/') }}/{{ $surat->perusahaan->logo }}">
                                                    </td>
                                                    <td rowspan="5" width="56%;">
                                                        <center style="margin-right: 100px;margin-left: 100px;">
                                                            <h3>{{ $surat->perusahaan->name }}</h3>
                                                            <h3>SURAT PERMINTAAN DANA</h3>
                                                        </center>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td><span>No Dokumen</span></td>
                                                    <td><span>C-SAFE-FM-IV-801.01</span></td>
                                                </tr>
                                                <tr>
                                                    <td><span>Tgl. Terbit</span></td>
                                                    <td><span>15 Agustus 2017</span></td>
                                                </tr>
                                                <tr>
                                                    <td><span>No. Revisi</span></td>
                                                    <td><span>0</span></td>
                                                </tr>
                                                <tr>
                                                    <td><span>Halaman</span></td>
                                                    <td><span>1 dari 1</span></td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <hr
                                                style="height: 3px;border-top: 2px solid black;border-bottom: 3px solid black; ">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <table class="table-number-letter" style="width: 100%;">
                                                <tr>
                                                    <td>
                                                        <span style="margin-right:50px;">Nomor</span>:
                                                        <span style="margin-left: 10px;">
                                                            {{ sprintf('%03d', $surat->nomor_surat) }}/{{ $surat->perusahaan->kode_perusahaan }}/{{ $surat->divisi->kode_divisi }}/SPD/{{ $generator->monthToRoman($surat->tanggal->format('m')) }}/{{ $surat->tanggal->format('Y') }}
                                                        </span>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <span style="margin-right:44px;">Tanggal</span>:
                                                        <span
                                                            style="margin-left:10px;">{{ \Carbon\Carbon::create($surat->tanggal_terbit)->isoFormat('D MMMM Y') }}</span>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <span style="margin-right:48px;">Perihal</span>:
                                                        <span style="margin-left:10px;">{{ $surat->perihal }}</span>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <span style="margin-right:31px;">Lampiran</span>:
                                                        <span style="margin-left:10px;">Terlampir</span>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <span style="margin-right:50px;">Tujuan</span>:
                                                        <span style="margin-left:10px;">Finance</span>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p style="margin-top: 10px;">Mohon dapat dipenuhi permohonan dana atau
                                                pembayaran di bawah ini:</p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <table class="table-item" style="color:black;min-width: 983px !important;">
                                                <thead>
                                                    <tr>
                                                        <td>
                                                            <center><strong>No</strong></center>
                                                        </td>
                                                        <td>
                                                            <center><strong>Kode Budgeting</strong></center>
                                                        </td>
                                                        <td style="max-width: 300px;">
                                                            <center><strong>Deskripsi</strong></center>
                                                        </td>
                                                        <td>
                                                            <center><strong>Jumlah</strong></center>
                                                        </td>
                                                        <td>
                                                            <center><strong>Bank</strong></center>
                                                        </td>
                                                        <td>
                                                            <center><strong>No Rekening</strong></center>
                                                        </td>
                                                        <td>
                                                            <center><strong>Nama Rekening</strong></center>
                                                        </td>
                                                    </tr>
                                                </thead>
                                                <tbody style="text-align: left;">
                                                    @foreach ($surat->groupItem as $group)
                                                        @foreach ($group->item as $item)
                                                            <tr>
                                                                <td>{!! $item->status == '0' ? '<s>' . $loop->iteration . '</s>' : $loop->iteration !!}</td>
                                                                <td>{!! $item->status == '0' ? '<s>' . $item->budget->kode_budget . '</s>' : $item->budget->kode_budget !!}</td>
                                                                <td>{!! $item->status == '0' ? '<s>' . $item->label . '</s>' : $item->label !!}</td>
                                                                <td style="text-align: right;">{!! $item->status == '0'
                                                                    ? '<s>' . number_format($item->nominal_disetujui ?? $item->nominal) . '</s>'
                                                                    : ($item->nominal_disetujui != null
                                                                        ? '<s>' . number_format($item->nominal) . '</s> ' . number_format($item->nominal_disetujui)
                                                                        : number_format($item->nominal_disetujui ?? $item->nominal)) !!}</td>
                                                                <td>{{ @$item->bank->nama_bank }}</td>
                                                                <td>{{ $item->rek_tujuan }}</td>
                                                                <td>{{ $item->nama_rek }}</td>
                                                            </tr>
                                                        @endforeach
                                                        <tr>
                                                            <td colspan="3"
                                                                style="background-color: #b2dfdb; font-weight: normal;">
                                                                PPN {{ $group->persenan_ppn }}%
                                                            </td>
                                                            <td
                                                                style="background-color: #b2dfdb; font-weight: normal;text-align: right;">
                                                                {{ number_format($group->nominal_ppn) }}
                                                            </td>
                                                            <td colspan="3"></td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="3"
                                                                style="background-color: #b2dfdb; font-weight: normal;">
                                                                @if ($group->pakai_persen_pph)
                                                                    PPH {{ $group->persenan_pph }}%
                                                                @else
                                                                    PPH Rp.{{ number_format($group->nominal_pph) }}
                                                                @endif
                                                            </td>
                                                            <td
                                                                style="background-color: #b2dfdb; font-weight: normal;text-align: right;">

                                                                {{ number_format($group->nominal_pph) }}
                                                            </td>
                                                            <td colspan="3"></td>
                                                        </tr>
                                                        {{-- <tr>
                                                            <td colspan="3" style="background-color: #b2dfdb; font-weight: normal;">
                                                                Biaya Materai
                                                            </td>
                                                            <td style="background-color: #b2dfdb; font-weight: normal;text-align: right;">
                        
                                                                {{ number_format($group->biaya_materai) }}
                        
                                                            </td>
                                                            <td colspan="3"></td>
                                                        </tr> --}}
                                                        @foreach ($group->biayaLainnyas as $item)
                                                            <tr>
                                                                <td colspan="3"
                                                                    style="background-color: #b2dfdb; font-weight: normal;">
                                                                    {{ $item->deskripsi_biaya }}
                                                                </td>
                                                                <td
                                                                    style="background-color: #b2dfdb; font-weight: normal;text-align: right;">

                                                                    {{ number_format($item->jumlah_biaya) }}

                                                                </td>
                                                                <td colspan="3"></td>
                                                            </tr>
                                                        @endforeach
                                                        <tr>
                                                            <td colspan="3"
                                                                style="background-color: #b2dfdb; font-weight: normal;">
                                                                Total Pembayaran
                                                            </td>
                                                            <td
                                                                style="background-color: #b2dfdb; font-weight: normal;text-align: right;">

                                                                {{ number_format($group->total_bayaran + $group->biayaLainnyas->sum('jumlah_biaya')) }}

                                                            </td>
                                                            <td colspan="3"></td>
                                                        </tr>
                                                    @endforeach
                                                    <tr>
                                                        <td colspan="3" style="background-color: #ffd54f">
                                                            Total Permintaan
                                                        </td>
                                                        <td style="background-color: #ffd54f;text-align: right;">

                                                            {{ number_format($total) }}

                                                        </td>
                                                        <td colspan="3"></td>
                                                    </tr>


                                                </tbody>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <dt>Catatan: {{ @$surat->groupItem[0]->item[0]->keterangan }}</dt>
                                            <p>Demikian permohonan ini kami buat. Atas perhatian dan kerjasamanya diucapkan
                                                terimakasih.</p>
                                        </td>
                                    </tr>
                                    {{-- <tr>
                                        <td>
                                            <dt>Catatan: {{ @$surat->groupItem[0]->item[0]->keterangan }}</dt>
                                                <p>Demikian permohonan ini kami buat. Atas perhatian dan kerjasamanya diucapkan terimakasih.</p>
                                        </td>
                                    </tr> --}}
                                    <tr>
                                        <td>
                                            <table class="table-ttd" style="color:black;min-width: 983px !important;">
                                                <tr>
                                                    @foreach ($surat->suratSignature as $signature)
                                                        <td style="width: 200px;">
                                                            <div>
                                                                <center>
                                                                    <p><strong
                                                                            style="font-weight:bold !important;">{{ $signature->label }}</strong>
                                                                    </p>
                                                                    @if (isset($signature->user))
                                                                        <p style="height: 110px; text-align: center;">
                                                                            @if ($signature->status == '1')
                                                                                <img style="height:100px;margin:auto;display:block;max-width:150px;"
                                                                                    src="{{ asset('images/ttd/') }}/{{ $signature->user->ttd }}">
                                                                            @endif
                                                                        </p>
                                                                        <u><strong>{{ $signature->user->name }}</strong></u>
                                                                        <p>{{ $signature->user->jabatan }}</p>
                                                                    @else
                                                                        <p style="min-height: 100px;"></p>
                                                                        <u><strong>User Tidak Ditemukan</strong></u>
                                                                        <p>ID USER : {{ $signature->user_id }}</p>
                                                                    @endif

                                                                </center>

                                                            </div>
                                                        </td>
                                                    @endforeach
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <hr>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-3">
                                <form action="{{ route('permintaan.download', $surat->id) }}" method="POST"
                                    class="form p-1">
                                    @csrf
                                    <button class="btn btn-info mx-1 d-inline"><i class="fa fa-download"></i> Unduh
                                        Berkas</button>
                                    <button type="button" class="btn btn-info mx-1  d-inline" data-bs-toggle="modal"
                                        data-bs-target="#myModal-list-berkas"><i class="fa fa-file"></i> Lihat
                                        Berkas</button>
                                </form>
                            </div>
                            @if (isset($navigator->current))
                                @if ($navigator->current->user_id == \Auth::user()->id)
                                    <div class="col-md-3">
                                        @if (isset($navigator->nexts))
                                            <a link="{{ route('pass.surat') }}"
                                                user_id="{{ $navigator->current->user_id }}"
                                                id="{{ $navigator->current->id }}" next_id="{{ $navigator->nexts->id }}"
                                                class="btn btn-primary btn-block btn-next">
                                                <i class="fas fa-check-double"></i> Disposisi ke
                                                {{ $navigator->nexts->user->name }}
                                            </a>
                                        @else
                                            <div class="d-grid">
                                                <a link="{{ route('pass.surat') }}"
                                                    user_id="{{ $navigator->current->user_id }}"
                                                    id="{{ $navigator->current->id }}" next_id=""
                                                    class="btn btn-primary btn-block btn-next"><i
                                                        class="fas fa-check-double"></i> Setujui</a>
                                            </div>
                                        @endif
                                    </div>
                                @endif
                                @if (
                                    $navigator->current->user_id == \Auth::user()->id &&
                                        $navigator->current->status == '0' &&
                                        $navigator->current->user_id == $surat->user_id)
                                    <div class="col-md-3">
                                        <div class="d-grid">
                                            <a href="{{ route('surat-permintaan.edit', $surat->id) }}"
                                                class="btn btn-warning btn-block"><i class="fa fa-edit"></i> Ubah
                                                Surat</a>
                                        </div>
                                    </div>
                                @endif
                                @if (
                                    $navigator->current->user_id == \Auth::user()->id &&
                                        $navigator->current->status == '0' &&
                                        $navigator->current->user_id != $surat->user_id)
                                    <div class="col-md-3">
                                        <div class="d-grid">
                                            <button type="button" class="btn btn-danger" data-bs-toggle="modal"
                                                data-bs-target="#myModal"><i class="fa fa-times"></i> Tolak pengajuan
                                            </button>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="d-grid">
                                            <button type="button" link="{{ route('get.item', $surat->id) }}"
                                                class="btn btn-warning btn-filter" data-bs-toggle="modal"
                                                data-bs-target="#myModal-filter"><i class="fa fa-filter"></i> Filter item
                                            </button>
                                        </div>
                                    </div>
                                @endif
                            @endif
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <hr>
                                <p> Note : {{ $surat->note }}</p>
                                <hr>
                            </div>
                        </div>
                        <div class="row">
                            <hr>
                            <div class="col-md-12">
                                @if ($surat->status == '1')
                                    <div class="alert alert-success">
                                        <dt>Surat telah selesai diproses <i class="fa fa-check"></i></dt>
                                    </div>
                                @endif
                                <table class="table table-bordered table-hovered">
                                    <thead>
                                        <tr>
                                            <th>No</th>
                                            <th>Kode Budget</th>
                                            <th>Sisa Anggaran</th>
                                            <th>Jumlah Permintaan</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($budget as $bud)
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>{{ $bud->kode_budget }}</td>
                                                <td>Rp {{ number_format($bud->sisa_anggaran) }}</td>
                                                <td>Rp {{ number_format($total) }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>

                            @foreach ($surat->groupItem as $group)
                                @foreach ($group->rejectedItem as $rejected)
                                    <div class=>
                                        <div class="alert alert-danger">
                                            permintaan dana untuk <strong>{{ $rejected->label }}</strong> dengan kode
                                            budget <strong>{{ $rejected->budget->kode_budget }}</strong> telah ditolak
                                            dengan pesan <strong>{{ $rejected->keterangan_penolakan }}</strong>
                                        </div>
                                    </div>
                                @endforeach
                            @endforeach
                            @foreach ($surat->groupItem as $group)
                                @foreach ($group->item as $item)
                                    @if ($item->nominal_disetujui != null)
                                        <div class=>
                                            <div class="alert alert-warning">
                                                permintaan dana untuk <strong>{{ $item->label }}</strong> dengan kode
                                                budget <strong>{{ $item->budget->kode_budget }}</strong> telah diubah
                                                nominalnya
                                                dengan pesan <strong>{{ $item->keterangan_nominal_diubah }}</strong>
                                            </div>
                                        </div>
                                    @endif
                                @endforeach
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="myModal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Berikan alasan penolakan</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    {!! Form::open(['route' => ['permintaan.reject', $surat->id], 'method' => 'POST']) !!}
                    <div class="col-md-12">
                        <div class="mb-3">
                            <label>Alasan Penolakan</label>
                            {!! Form::textarea('keterangan', null, ['class' => 'form-control', 'required' => 'required', 'rows' => 2]) !!}
                        </div>
                        <div class="mb-3">
                            <div align="right">
                                <button class="btn btn-danger"> Kirim</button>
                            </div>
                        </div>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="myModal-filter" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Filter Item</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">

                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="myModal-list-berkas" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Berkas Surat</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active" id="berkas-surat-tab" data-bs-toggle="tab"
                                data-bs-target="#berkas-surat" type="button" role="tab"
                                aria-controls="berkas-surat" aria-selected="true">Berkas Surat</button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="berkas-lampiran-tab" data-bs-toggle="tab"
                                data-bs-target="#berkas-lampiran" type="button" role="tab"
                                aria-controls="berkas-lampiran" aria-selected="false">Berkas Lampiran</button>
                        </li>

                    </ul>
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="berkas-surat" role="tabpanel"
                            aria-labelledby="berkas-surat-tab">
                            <iframe src="{{ route('permintaan.view-berkas', $surat->id) }}" frameborder="0"
                                style="width: 100%;height:75vh;"></iframe>
                        </div>
                        <div class="tab-pane fade" id="berkas-lampiran" role="tabpanel"
                            aria-labelledby="berkas-lampiran-tab">
                            <iframe src="{{ url('/dokumen/upload/' . $surat->file_dokumen) }}" frameborder="0"
                                style="width: 100%;height:75vh;"></iframe>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script src="{{ asset('assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>
    <script type="text/javascript">
        $('.btn-next').on('click', function() {
            var ini = $(this);
            Swal.fire({
                title: 'Are you sure?',
                text: "Permintaan ini tidak dapat lagi anda ubah setelah diajukan, pastikan item pengajuan sudah benar!",
                icon: "question",
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes'
            }).then((result) => {
                if (result.value) {
                    $.ajax({
                        url: ini.attr('link'),
                        method: 'POST',
                        dataType: 'JSON',
                        data: {
                            _token: '{{ csrf_token() }}',
                            user_id: ini.attr('user_id'),
                            id: ini.attr('id'),
                            next_id: ini.attr('next_id')
                        },
                        success: function(res) {
                            console.log(res);
                            Swal.fire(
                                'success',
                                'permintaan berhasil diajukan',
                                'success'
                            );
                            location.reload();
                        },
                    }).fail(function(res) {
                        Swal.fire(
                            'error',
                            'permintaan gagal diajukan',
                            'error'
                        );
                    });
                }

            })
        });
    </script>

    <script type="text/javascript">
        $('.btn-filter').click(function() {
            var ini = $(this);
            $('#myModal-filter').find('.modal-body').html('');
            $.ajax({
                url: ini.attr('link'),
                method: 'GET',
                dataType: 'JSON',
                success: function(res) {
                    $('#myModal-filter').find('.modal-body').html(res);
                },
            }).fail(function() {
                alert('terjadi kesalahan');
            });
        });

        $('body').on('click', '.btn-submit-reject', function() {
            var ini = $(this);
            ini.attr('disabled', 'disabled');
            if (ini.closest('.card').find('.form-control').val() == '') {
                ini.closest('.card').find('.alert-area').html(
                    '<div class="alert alert-danger">kolom keterangan tidak boleh kosong</div>');
                ini.removeAttr('disabled');
            } else {
                ini.text('memproses...');
                $.ajax({
                    url: ini.attr('link'),
                    method: 'POST',
                    dataType: 'JSON',
                    data: {
                        keterangan: ini.closest('.card').find('.form-control').val(),
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(res) {
                        alert(res.message);
                        location.reload();
                    }
                }).fail(function() {
                    alert(res.message);
                    location.reload();
                });
            }
        });
    </script>
@endpush