@extends('admin.layout.master')

@section('custom_style')
    <style>
        .complain_table th, .table td{
            padding: 0.20rem 0.25rem!important;
            font-size: 14px!important;
        }
        .col-3,.col,.col-1{
            padding-left: 3px!important;
            padding-right: 3px!important;
        }
    </style>
@section('content')
<div class="card sina-card">
    <div class="card-header card-header-s">
        <div class="d-flex justify-content-between">
            <h4 class="col-6 pl-0">Complains</h4>
            @if(get_guard()=='customer')
                <a href="{{route('customer.complain.create')}}" class="btn btn-sm bg-white text-success add_new_notice">Add New</a>
            @else
                <button onclick="PrintDiv()" class="btn btn-warning">Print</button>
            @endif
        </div>
    </div>
    <div class="card-body">
        @php
            $index_route = 'customer.complain.index';
            if(get_guard()=='admin')
                $index_route = 'complain.index';
        @endphp
        <form action="{{route($index_route)}}" method="get">
            <div class="row">
                @if(get_guard()=='admin')
                    <div class="col-3">
                        <label for="">Showroom</label>
                        <select name="showroom" id="" class="form-control select_2">
                            <option value="">All</option>
                            @foreach ($showrooms as $s)
                                <option @if($s->id == request()->showroom) selected @endif value="{{$s->id}}">{{$s->name_eng}}</option>
                            @endforeach
                        </select>
                    </div>
                @endif
                <div class="col-3">
                    <label for="">Objection</label>
                    <select name="objection" id="" class="form-control select_2">
                        <option value="">All</option>
                        @foreach ($objections as $o)
                            <option @if($o->id == request()->objection) selected @endif value="{{$o->id}}">{{$o->name}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col">
                    <label for="">S.Date</label>
                    <input type="text" name="s_date" class="date_picker form-control" value="{{request()->s_date ? date('d-m-Y', strtotime(request()->s_date)): date('d-m-Y')}}">
                </div>
                <div class="col">
                    <label for="">E.Date</label>
                    <input type="text" name="e_date" class="date_picker form-control" value="{{request()->e_date ? date('d-m-Y', strtotime(request()->e_date)): date('d-m-Y')}}">
                </div>
                <div class="col">
                    <label for="">Type</label>
                    <select name="type" id="" class="form-control select_2">
                        <option value="">All</option>
                        @foreach (complainTypes() as $key=>$type)
                            <option @if($key == request()->type) selected @endif value="{{$key}}">{{$type}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col">
                    <label for="">Status</label>
                    <select name="status" id="" class="form-control select_2">
                        <option value="">All</option>
                        @foreach (complainStatus() as $key=>$status)
                            <option @if($key == request()->status) selected @endif value="{{$key}}">{{$status}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-1">
                    <label for="">&nbsp;</label><br>
                    <button type="submit" class="btn btn-sm btn-success">Filter</button>
                </div>
            </div>
        {{-- <div class="row mt-2">
            <div class="col-2 offset-5">
                
            </div>
        </div> --}}
        
    </form>
        <div class="row mt-3">
            <div class="col-12" id="divTableDataHolder">
                <table class="table table-striped table-hover complain_table mt-3" id="complains" style="width: 100%!important">
                    <thead>
                        <tr>
                            <th>#</th>
                            @if(get_guard()=='admin') <th nowrap>Complained By</th> @endif 
                            <th>Date</th>
                            <th>Complain For</th>
                            <th>Product</th>
                            <th>Design No</th>
                            <th>Quantity</th>
                            <th>Objection</th>
                            <th>Note</th>
                            <th>Status</th>
                            <th class="hidden_content">Img</th>
                            @if(get_guard()=='admin')
                                <th class="hidden_content">Action</th>
                            @endif
                        </tr>
                    </thead>
                    <tbody>
                        @php 
                            $complainTypes = complainTypes() 
                        @endphp
                        @foreach ($complaines as $key => $com)
                            <tr>
                                <td>{{++$key}}</td>
                                @if(get_guard()=='admin')
                                    <td>{{$com->getParty->name_eng}}</td>
                                @endif
                                <td nowrap>{{date('d-m-Y', strtotime($com->date))}}</td>
                                <td>{{$complainTypes[$com->type]}}</td>
                                <td>
                                    @forelse ($com->products as $product)
                                        {{$product->name_eng}}
                                        @if(!$loop->last),<br>@endif
                                    @empty
                                        -
                                    @endforelse
                                </td>
                                <td>{{$com->design_no}}</td>
                                <td>{{$com->quantity}}</td>
                                <td>{{$com->getObjection->name}}</td>
                                
                                <td>{{$com->note}}</td>
                                <td>{!! complainStatus(1)[$com->status] !!}</td>
                                <td class="align-middle hidden_content">
                                    @if($com->img) 
                                    <a class="btn btn-hover text-info d-inline-flex align-items-center" onclick="viewImg('{{'/images/complain/'.$com->img}}')" style="font-size: 20px"> <i class="fas fa-image"></i> </a>
                                    {{-- <a href="{{'/images/complain/'.$com->img}}" target="__blank">Image</a>  --}}
                                    
                                    @endif
                                </td>
                                @if(get_guard()=='admin')
                                    <td nowrap class="hidden_content">
                                        <button data-complain-id="{{$com->id}}" class="btn btn-success btn-sm view_complain">View</button>
                                        <a type="button" href="{{route('complain.edit',['id'=>$com->id])}}" class="btn btn-warning btn-sm edit_complain">Edit</a>
                                    </td>
                                @endif
                            </tr>   
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@include('inventory.complain.view_modal')

<div class="modal fade bd-example-modal-lg" id="img_modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel"
        aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-body text-center">
                <img alt="img" src="" style="width: 100%" id="pro_img_modal">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script')

    <script>
        $(document).ready(function(){
            $('#complains').DataTable();
            $('.select_2').select2();

            $('.view_complain').click(function(){
                let com_id = $(this).attr('data-complain-id');
                ajaxCall('{{route('complain.find')}}', 'GET', data={com_id:com_id,html:1}, function(data){

                    if(data.type==1){
                        $('.products').hide();
                        $('.design_no').show();
                        $('.quantity').show();
                    }else if(data.type==2){
                        $('.products').show();
                        $('.design_no').hide();
                        $('.quantity').show();
                    }else{
                        $('.products').hide();
                        $('.design_no').hide();
                        $('.quantity').hide();
                    }
                    $('.date_text').text(data.date);
                    $('.complained_by_text').text(data.get_party.name_eng);
                    $('.complain_for_text').text(data.complain_type);
                    $('.products_text').text(data.products_name);
                    $('.design_no_text').text(data.design_no);
                    $('.quantity_text').text(data.quantity);
                    $('.objection_text').text(data.get_objection.name);
                    $('.note_text').text(data.note);
                    $('.com_status').val(data.status);
                    $('.com_row_id').val(data.id);
                    $('.pre_remarks').html(data.remarks);
                    $('#complainModal').modal('show');
                });
            });

            $('.dataTables_length').addClass('hidden_content');
            $('.dataTables_filter').addClass('hidden_content');
            $('.dataTables_paginate').addClass('hidden_content');
            $('.dataTables_info').addClass('hidden_content');
        });
        function viewImg(link) {
            console.log("eweqew");
            $('#pro_img_modal').attr("src",link);
            $('#img_modal').modal('show');
        }
        
    </script>

@endsection