@extends('layouts.app')

@push('styles')
    <!-- JQuery DataTable Css -->
    <link href="{{ url('material') }}/plugins/jquery-datatable/skin/bootstrap/css/dataTables.bootstrap.css" rel="stylesheet">
    <!-- JQuery DataTable Css -->
@endpush

@push('scripts')
    {{-- data Table --}}
    <script src="{{ url('material') }}/js/pages/tables/jquery-datatable.js"></script>
    <script src="{{ url('material') }}/plugins/jquery-datatable/jquery.dataTables.js"></script>
    <script src="{{ url('material') }}/plugins/jquery-datatable/skin/bootstrap/js/dataTables.bootstrap.js"></script>
    {{-- data Table --}}

    <script>
        $(function() {
            $('#garansiTable').DataTable({
                responsive: true,
            });

            $('#returPembelianTable').DataTable({
                responsive: true,
            });

            $('#returPenjualanTable').DataTable({
                responsive: true,
            });

            $('#kirimSupplierTable').DataTable({
                responsive: true,
            });

        });
    </script>
@endpush

@section('content')
    <div class="container-fluid">
        <div class="block-header">
            <h2>Retur & Garansi</h2>
        </div>

        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="card">
                    {{-- <div class="header">
                        <h2>
                            EXAMPLE TAB
                            <small>Add quick, dynamic tab functionality to transition through panes of local content</small>
                        </h2>
                        <ul class="header-dropdown m-r--5">
                            <li class="dropdown">
                                <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                                    <i class="material-icons">more_vert</i>
                                </a>
                                <ul class="dropdown-menu pull-right">
                                    <li><a href="javascript:void(0);">Action</a></li>
                                    <li><a href="javascript:void(0);">Another action</a></li>
                                    <li><a href="javascript:void(0);">Something else here</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div> --}}
                    <div class="body">
                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs tab-nav-right" role="tablist">
                            <li role="presentation" class="active"><a href="#garansi" data-toggle="tab">GARANSI</a></li>
                            <li role="presentation"><a href="#retur-pembelian" data-toggle="tab">RETUR PEMBELIAN</a></li>
                            <li role="presentation"><a href="#retur-penjualan" data-toggle="tab">RETUR PENJUALAN</a></li>
                            <li role="presentation"><a href="#kirim-supplier" data-toggle="tab">KIRIM SUPPLIER</a></li>
                        </ul>

                        <!-- Tab panes -->
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane fade in active" id="garansi">
                                <div class="table-responsive">
                                    <table class="table table-bordered table-striped table-hover dataTable" id="garansiTable">
                                        <thead>
                                            <tr>
                                                <th>Nomor</th>
                                                <th>Tanggal</th>
                                                <th>Dari</th>
                                                <th>Item</th>
                                                <th>Tools</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($garansis as $garansi)
                                                <tr>
                                                    <td>
                                                        {{ $garansi->no_garansi }}
                                                    </td>
                                                    <td>
                                                        {{ $garansi->tanggal_garansi }}
                                                    </td>
                                                    <td>

                                                        @if ($garansi->penjualan)
                                                            Penjualan <br>
                                                            <a href="{{ route('penjualan.show',$garansi->penjualan_id) }}" target="_blank">{{ $garansi->penjualan->nomor_nota }}</a>
                                                        @elseif ($garansi->pembelian)
                                                            Pembelian <br>
                                                            <a href="{{ route('pembelian.show',$garansi->pembelian_id) }}" target="_blank">{{ $garansi->pembelian->nomor_nota }}</a>
                                                        @elseif ($garansi->service)
                                                            Service <br>
                                                            <a href="{{ route('service.show',$garansi->service_id) }}" target="_blank">{{ $garansi->service->no_service }}</a>
                                                        @endif

                                                        

                                                    </td>
                                                    <td>
                                                        {{-- {{ $garansi->status_garansi }} --}}
                                                        <ul>
                                                            @foreach ($garansi->detail_garansi as $detail)
                                                                <li>
                                                                    {{ $detail->nama_item }}
                                                                </li>
                                                            @endforeach
                                                        </ul>
                                                    </td>

                                                    <td>
                                                        <div style="display: flex; gap: 6px;">
                                                            <a title="Edit Data"
                                                                    href="{{ route('garansi.edit',$garansi->id) }}?back={{ 'retur-dan-garansi.index' }}"
                                                                    class="btn btn-primary"><i class="material-icons">create</i></a>
                                                            <form action="{{ route('garansi.destroy', $garansi->id) }}?back={{ 'retur-dan-garansi.index' }}"
                                                                    method="POST" style="display:inline">
                                                                    @csrf
                                                                    @method('DELETE')
                                                                    <button title="Delete Data" type="submit"
                                                                        class="btn btn-danger" id="hapus-button"><i
                                                                            class="material-icons">delete</i></button>
                                                                </form>
                                                        </div>

                                                    </td>
                                                </tr>
                                            @endforeach

                                        </tbody>

                                    </table>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="retur-pembelian">
                                <div class="table-responsive">
                                    <table class="table table-bordered table-striped table-hover dataTable" id="returPembelianTable">
                                        <thead>
                                            <tr>
                                                <th>Nomor</th>
                                                <th>Tanggal</th>
                                            
                                                <th>Pembelian</th>
                                                <th>Barang</th>
                                                <th>Keterangan</th>
                                             
                                                <th>Tools</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($returPembelians as $data)
                                                <tr>
                                                    <td style="min-width: 150px;">
                                                        {{ $data->no_retur }}
                                                    </td>
                                                    <td style="min-width: 100px;">{{ $data->created_at->format('d-m-Y') }}</td>
                                                    
                                                    <td class="text-center">
                                                        @if (isset($data->pembelian))
                                                            <a href="{{ route('pembelian.show',$data->pembelian_id) }}">{{$data->pembelian->nomor_nota}}</a>
                                                        @endif
                                                    </td>
                                                    <td style="min-width: 400px;">
                                                        @foreach ($data->detail as $detail)
                                                            {!! $detail->nama_item . ',' . '<br>' !!}
                                                        @endforeach

                                                    </td>

                                                  
                                                    <td>{{ $data->keterangan }}</td>
                                                    <td>
                                                        <div style="display: flex; gap: 6px;">
                                                            @if (isset($data) && $data->bukti_retur != null)
                                                                <a href="{{ isset($data) && $data->bukti_retur != null ? route('storage.gambar', ['path' => $data->bukti_retur]) : '' }}"
                                                                    target="_blank" class="btn btn-info" title="File Bukti"><i class="material-icons">attach_file</i></a>
                                                            @endif
                                                            @if (\Helper::hakAkses('retur_pembelian', 'edit'))
                                                                <a title="Edit Data"
                                                                    href="{{ route('retur_pembelian.edit',$data->id) }}?back={{ 'retur-dan-garansi.index' }}"
                                                                    class="btn btn-primary"><i class="material-icons">create</i></a>
                                                            @endif
                                                            @if (\Helper::hakAkses('retur_pembelian', 'delete'))
                                                                <form action="{{ route('retur_pembelian.destroy', $data->id) }}?back={{ 'retur-dan-garansi.index' }}"
                                                                    method="POST" style="display:inline">
                                                                    @csrf
                                                                    @method('DELETE')
                                                                    <button title="Delete Data" type="submit"
                                                                        class="btn btn-danger" id="hapus-button"><i
                                                                            class="material-icons">delete</i></button>
                                                                </form>
                                                            @endif
                                                        </div>
                                                        
                                                    </td>
                                            @endforeach
                                        </tbody>

                                    </table>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="retur-penjualan">
                                <div class="table-responsive">
                                    <table class="table table-bordered table-striped table-hover dataTable" id="returPenjualanTable">
                                        <thead>
                                            <tr>
                                                <th>Nomor</th>
                                                <th>Tanggal</th>
                                            
                                                <th>Penjualan</th>
                                                <th>Barang</th>
                                                <th>Keterangan</th>
                                              
                                                <th>Tools</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($returPenjualans as $data)
                                                <tr>
                                                    <td style="min-width: 150px;">
                                                        {{ $data->no_retur }}
                                                    </td>
                                                    <td style="min-width: 100px;">{{ $data->created_at->format('d-m-Y') }}</td>
                                                    
                                                    <td class="text-center">
                                                        @if (isset($data->penjualan))
                                                            <a href="{{ route('penjualan.show',$data->penjulan_id) }}">{{$data->penjualan->nomor_nota}}</a>
                                                        @endif
                                                    </td>
                                                    <td style="min-width: 400px;">
                                                        @foreach ($data->detail as $detail)
                                                            {!! $detail->nama_item . ',' . '<br>' !!}
                                                        @endforeach

                                                    </td>

                                                    <td>{{ $data->keterangan }}</td>
                                                   
                                                    <td>
                                                        <div style="display: flex; gap: 6px;">
                                                            @if (isset($data) && $data->bukti_retur != null)
                                                                <a href="{{ isset($data) && $data->bukti_retur != null ? route('storage.gambar', ['path' => $data->bukti_retur]) : '' }}"
                                                                    target="_blank" class="btn btn-info" title="File Bukti"><i class="material-icons">attach_file</i></a>
                                                            @endif
                                                            @if (\Helper::hakAkses('retur_penjualan', 'edit'))
                                                                <a title="Edit Data"
                                                                    href="{{ route('retur_penjualan.edit',$data->id) }}?back={{ 'retur-dan-garansi.index' }}"
                                                                    class="btn btn-primary"><i class="material-icons">create</i></a>
                                                            @endif
                                                            @if (\Helper::hakAkses('retur_penjualan', 'delete'))
                                                                <form action="{{ route('retur_penjualan.destroy', $data->id) }}?back={{ 'retur-dan-garansi.index' }}"
                                                                    method="POST" style="display:inline">
                                                                    @csrf
                                                                    @method('DELETE')
                                                                    <button title="Delete Data" type="submit"
                                                                        class="btn btn-danger" id="hapus-button"><i
                                                                            class="material-icons">delete</i></button>
                                                                </form>
                                                            @endif
                                                        </div>
                                                        
                                                    </td>
                                            @endforeach
                                        </tbody>

                                    </table>
                                </div>
                            </div>
                           
                            <div role="tabpanel" class="tab-pane fade" id="kirim-supplier">
                                <a href="{{ route('kirim-supplier.create') }}" class="btn btn-primary m-b-10">Tambah Pengiriman Supplier</a>
                                <div class="table-responsive" style="min-height:60vh;">
                                    <table class="table table-bordered table-striped table-hover dataTable" id="kirimSupplierTable">
                                        <thead>
                                            <tr>
                                                <th>Nomor</th>
                                                <th>Tanggal</th>
                                                <th>Supplier</th>
                                                <th>Pengiriman</th>
                                                <th>Kompensasi</th>
                                                <th>Action</th>
                                                <th>Tools</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($kirimSuppliers as $data)
                                                <tr>
                                                    <td>
                                                        {{ $data->no_kirim }}
                                                    </td>
                                                    <td>
                                                        {{ $data->tanggal_kirim }}
                                                    </td>
                                                   <td>
                                                        {{ $data->supplier->nama_supplier }}
                                                    </td>
                                                    <td>
                                                        {{ $data->status_kirim }}
                                                    </td>
                                                    <td>
                                                        {{ $data->jenis_kompensasi }}
                                                    </td>
                                                    <td>
                                                        <div class="btn-group btn-block " style="width:100px;">
                                                            <button type="button"
                                                                class="btn btn-default btn-block waves-effect dropdown-toggle"
                                                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                Action <span class="caret"></span>
                                                            </button>
                                                            <ul class="dropdown-menu">
                                                                @if ($data->jenis_kompensasi != "potong-nota")
                                                                    <li>
                                                                        <a href="{{ route('kirim-supplier.status', $data->id) }}?jenis_kompensasi=potong-nota">Potong Nota</a>
                                                                    </li>
                                                                @endif
                                                                @if ($data->jenis_kompensasi != "tukar-barang")
                                                                    <li>
                                                                        <a href="{{ route('kirim-supplier.status', $data->id) }}?jenis_kompensasi=tukar-barang">Tukar Barang</a>
                                                                    </li>
                                                                @endif
                                                                @if ($data->jenis_kompensasi != "refund")
                                                                    <li>
                                                                        <a href="{{ route('kirim-supplier.status', $data->id) }}?jenis_kompensasi=refund">Refund</a>
                                                                    </li>
                                                                @endif
                                                                @if ($data->jenis_kompensasi != "gagal-retur")
                                                                    <li>
                                                                        <a href="{{ route('kirim-supplier.status', $data->id) }}?jenis_kompensasi=gagal-retur">Gagal Retur</a>
                                                                    </li>
                                                                @endif
                                                                <li role="separator" class="divider"></li>

                                                                @if ($data->status_kirim != "tertunda")
                                                                    <li>
                                                                        <a href="{{ route('kirim-supplier.status', $data->id) }}?status_kirim=tertunda">Tertunda</a>
                                                                    </li>
                                                                @endif
                                                                @if ($data->status_kirim != "pengiriman")
                                                                    <li>
                                                                        <a href="{{ route('kirim-supplier.status', $data->id) }}?status_kirim=pengiriman">Dalam Pengiriman</a>
                                                                    </li>
                                                                @endif
                                                                @if ($data->status_kirim != "selesai")
                                                                    <li>
                                                                        <a href="{{ route('kirim-supplier.status', $data->id) }}?status_kirim=selesai">Selesai</a>
                                                                    </li>
                                                                @endif
                                                            </ul>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div style="display: flex; gap: 6px;">
                                                            <a title="Edit Data"
                                                                    href="{{ route('kirim-supplier.edit',$data->id) }}?back={{ 'retur-dan-garansi.index' }}"
                                                                    class="btn btn-primary"><i class="material-icons">create</i></a>
                                                            <form action="{{ route('kirim-supplier.destroy', $data->id) }}?back={{ 'retur-dan-garansi.index' }}"
                                                                    method="POST" style="display:inline">
                                                                    @csrf
                                                                    @method('DELETE')
                                                                    <button title="Delete Data" type="submit"
                                                                        class="btn btn-danger" id="hapus-button"><i
                                                                            class="material-icons">delete</i></button>
                                                                </form>
                                                        </div>

                                                    </td>
                                                </tr>
                                            @endforeach

                                        </tbody>

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