@extends('layouts.portal.layout')

@section('content')

<!-- Claim -->
<div class="container">
    <div class="card mt-2">
        <div class="card-body">

            <h2 class="text-center"><b><u>Claim Details</u></b></h2>

            <table hidden id="example2" class="table table-bordered table-striped text-center">
                <thead>
                    <th style="width: 220px">Claim Date</th>
                    <th>Notes</th>
                    <th>Status</th>
                </thead>
                <tbody>
                    <tr style="text-align:center;">
                        <td><i class="far fa-calendar-alt"></i>
                            {{date('d-m-Y h:i A', strtotime($claim->created_at))}}</td>
                        <td>{{$claim->note}}</td>
                        <td style="width: 160px;"> {{$claim->status}}</td>
                    </tr>
                </tbody>
            </table>


            <div hidden>
                <h5><b>Claim Images</b></h5>
                @foreach($claimImg as $img)
                <a href="{{ asset($img['image']) }}" target="_blank"><img src="{{ asset($img['image']) }}" alt=""
                        width="135px" height="75px"></a>
                @endforeach
            </div>

            <br>

            <h5><b>Plan Name : {{ $plan }}</b></h5>

            <br>

            <h5><b>Claim Items : </b></h5>
            <table id="example2" class="table table-bordered table-striped mt-2">
                <thead>
                    <tr style="text-align:center;">
                        <th hidden>Id</th>
                        <th>Item Name</th>
                        <th>Type</th>
                        <th>Photo</th>
                        <th>Description of Damage</th>
                        <th hidden>Plan Price</th>

                        @if($plan == "VIP Protection")
                        <th>Date of Purchase</th>
                        <th>Purchase Price</th>
                        <th>Message</th>
                        @elseif($plan == "YMM Protection")
                        <th>Date of Purchase</th>
                        <th>Purchase Price</th>
                        <th hidden>Amount</th>
                        @else
                        <th hidden>Make</th>
                        <th hidden>Model</th>
                        <th>Weight</th>
                        <th>
                            Compensation Amount
                            <!-- Total -->
                        </th>
                        @endif

                        <th>Status</th>

                    </tr>
                </thead>
                <tbody>
                    @foreach($claimRowItems as $item)
                    <tr style="text-align: center;">
                        <td hidden>{{ $item['id'] }}</td>
                        <td>{{ $item['itme_name'] }}</td>
                        <td>{{ $item['type'] }}</td>
                        <td> <a href="{{ asset($item['photo']) }}" target="_blank"><img
                                    src="{{ asset($item['photo']) }}" alt="" width="100px" height="65px"></a></td>
                        <td>{{ $item['description'] }}</td>
                        <td hidden>{{ $item['plan_price'] }}</td>

                        @if($plan == "VIP Protection")
                        <td>
                            @if($item['date_of_purchase'] != null)
                            {{date('d-m-Y', strtotime($item['date_of_purchase']))}}
                            @endif
                        </td>
                        <td>{{ $item['purchase_price'] }}</td>
                        <td>{{ $item['message'] }}</td>
                        @elseif($plan == "YMM Protection")
                        <td>
                            @if($item['date_of_purchase'] != null)
                            {{date('d-m-Y', strtotime($item['date_of_purchase']))}}
                            @endif
                        </td>
                        <td>{{ $item['purchase_price'] }}</td>
                        <td hidden>{{ $item['amount'] }}</td>
                        @else
                        <td hidden>{{ $item['make'] }}</td>
                        <td hidden>{{ $item['model'] }}</td>
                        <td>
                            {{ $item['oldweight'] }} <br>

                            @if($item['weight'] != null)
                            <a data-toggle="modal" data-target="#weightmodal" class="btn text-primary"
                                style="padding:0; margin-left: 10px">( Adjust Weight : {{ $item['weight'] }} ) </a>
                            @else

                            @endif
                        </td>
                        <td>
                            {{ $item['oldtotal'] }} <br>

                            @if($item['total'] != null)
                            <a data-toggle="modal" data-target="#totalmodal" class="btn text-dark"
                                style="padding:0; margin-left: 10px">( Adjust Total : {{ $item['total'] }} ) </a>
                            @else

                            @endif
                        </td>
                        @endif

                        @if($item['status'] == "Open")
                        <td>Accepted</td>
                        @elseif($item['status'] == "Deny")
                        <td class="text-danger">Rejected</td>
                        @elseif($item['status'] == "Resolved")
                        <td class="text-success">Resolved</td>
                        @else
                        <td>Pending</td>
                        @endif
                    </tr>
                    @endforeach
                </tbody>
            </table>

            <br>
            <h2 class="text-center"><b><u>Claim History</u></b></h2>
            <br>

            <table id="example2" class="table table-bordered table-striped text-center">
                <thead>
                    <th style="width: 220px">Claim Date</th>
                    <th>Notes</th>
                    <th>Status</th>
                </thead>
                <tbody>
                    <tr style="text-align:center;">
                        <td><i class="far fa-calendar-alt"></i>
                            {{date('d-m-Y h:i A', strtotime($claim->created_at))}}</td>
                        <td>{{$claim->note}}</td>
                        <!-- <td style="width: 160px;"> {{$claim->status}}</td> -->
                        <td style="width: 160px;"> Pending</td>
                    </tr>
                </tbody>
            </table>

            <!-- Claim Feedback From Admin Side "All Status Will be Shown in this Table" Dynamically -->
            @foreach($claimstatus as $stat)
            <table id="example2" class="table table-bordered table-striped text-center">
                <thead>
                    <th style="width: 220px">Date</th>
                    <th>Message</th>
                    <th>Status</th>
                </thead>
                <tbody>
                    <tr style="text-align:center;">
                        <td><i class="far fa-calendar-alt"></i>
                            {{date('d-m-Y h:i A', strtotime($stat->created_at))}}</td>
                        <td>{{$stat->message}}</td>
                        <!-- <td style="width: 160px;"> {{$claim->status}}</td> -->
                        <td style="width: 160px;">{{$stat->status_name}}</td>
                    </tr>
                </tbody>
            </table>
            @endforeach

            <br>
            <h2 class="text-center"><b><u>Claim Items History</u></b></h2>
            <br>

            <!-- Claim-Items Feedback From Admin Side "All Status Will be Shown in this Table" Dynamically -->
            <table id="example2" class="table table-bordered table-striped text-center">
                <thead>
                    <th style="width: 220px">Date</th>
                    <th>Item Name</th>
                    <th>Message</th>
                    <th>Status</th>
                </thead>
                <tbody>
                    @foreach($claimItemStatus as $itemstat)
                    <tr style="text-align:center;">
                        <td><i class="far fa-calendar-alt"></i>
                            {{date('d-m-Y h:i A', strtotime($itemstat['date']))}}</td>
                        <td>{{$itemstat['itemname']}}</td>
                        <td>{{$itemstat['message']}}</td>
                        <td style="width: 160px;">{{$itemstat['status']}}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>

            <br>
            <h2 class="text-center"><b><u>Claim Other Compensation</u></b></h2>
            <br>

            <!-- Claim-Items OtherCompensation From Admin Side show Dynamically -->
            <table id="example2" class="table table-bordered table-striped text-center">
                <thead>
                    <th style="width: 220px">Date</th>
                    <th>Notes</th>
                    <th>Amount</th>
                </thead>
                <tbody>
                    @foreach($comp as $itemcom)
                    <tr style="text-align:center;">
                        <td><i class="far fa-calendar-alt"></i>
                            {{date('d-m-Y h:i A', strtotime($itemcom['created_at']))}}</td>
                        <td>{{$itemcom['notes']}}</td>
                        <td style="width: 160px;">${{$itemcom['amount']}}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>

            <!-- Claim Query Section -->
            <div class="card mt-5 mb-5">
                <div class="card-header" style="background-color:#a6ce39">
                    <h4><b><i class="fas fa-ticket"></i> Queries</b></h4>
                </div>
                <div class="card-body">
                    <form action="{{ route('querymsg') }}" method="post">
                        {{ csrf_field() }}
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <input type="text" name="claimId" value="{{$claim->id}}" hidden>
                                    <label><b>Message</b></label>
                                    <textarea name="message" class="form-control" rows="4" class="txtarea" id="notes"
                                        style="height:50%; width:100%"></textarea>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <button type="submit" class="btn px-4 text-dark"
                                    style="background-color:#a6ce39">Send</button>
                            </div>
                        </div>
                    </form>
                    <div class="row mt-5">
                        <div class="col-md-12">
                            <div class="card mb-5">
                                <div class="card-header bg-dark" style="color:#a6ce39">
                                    <h6><b><i class="fas fa-ticket"></i> Recent Queries</b></h6>
                                </div>
                                <div class="card-body">
                                    <table id="example2" class="table table-bordered table-striped text-center">
                                        <thead>
                                            <th style="width: 220px">Date</th>
                                            <th style="width: 220px">Name</th>
                                            <th>Message</th>
                                        </thead>
                                        <tbody>
                                            @foreach($claimQuery as $qitem)
                                            <tr style="text-align:center;">
                                                <td><i class="far fa-calendar-alt"></i>
                                                    {{ date('d-m-Y h:i A', strtotime($qitem['query_date'])) }}
                                                </td>
                                                <td>{{ $qitem['name'] }}</td>
                                                <td>{{ $qitem['message'] }}</td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <!-- -------------------------------------------------------------------- -->
            <!-- not use right now -->
            <!-- Feedback From Admin Side "Accept / InProgress" Status -->
            @if($claimaccept != null)
            <table id="example2" class="table table-bordered table-striped">
                <thead>
                    <tr style="text-align:center;">
                        <th style="width: 200px">Date</th>
                        <th>Message</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    <tr style="text-align: center;">
                        <td><i class="far fa-calendar-alt"></i>
                            {{date('d-m-Y h:i A', strtotime($claimaccept->created_at))}}</td>
                        <td> {{$claimaccept->message}} </td>
                        <td class="text-success" style="width: 160px;"> Accepted</td>
                    </tr>
                </tbody>
            </table>
            @endif

            <!-- Feedback From Admin Side "Rejected" Status -->
            @if($claimreject != null)
            <table id="example2" class="table table-bordered table-striped">
                <thead>
                    <tr style="text-align:center;">
                        <th style="width: 200px">Date</th>
                        <th>Message</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    <tr style="text-align: center;">
                        <td><i class="far fa-calendar-alt"></i>
                            {{date('d-m-Y h:i A', strtotime($claimreject->created_at))}}</td>
                        <td> {{$claimreject->message}} </td>
                        <!-- <td class="text-danger" style="width: 160px;"> Rejected</td> -->
                        <td class="text-danger" style="width: 160px;"> Resolved</td>
                    </tr>
                </tbody>
            </table>
            @endif

            <!-- Feedback From Admin Side "Completed" Status -->
            @if($claimresolve != null)
            <table id="example2" class="table table-bordered table-striped">
                <thead>
                    <tr style="text-align:center;">
                        <th style="width: 200px">Date</th>
                        <th>Message</th>
                        <th>Price</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    <tr style="text-align: center;">
                        <td><i class="far fa-calendar-alt"></i>
                            {{date('d-m-Y h:i A', strtotime($claimresolve->created_at))}}</td>
                        <td> {{$claimresolve->message}} </td>
                        <td> {{$claimresolve->price}} </td>
                        <!-- <td class="text-success" style="width: 160px;"> Completed</td> -->
                        <td class="text-success" style="width: 160px;"> Repaired</td>
                    </tr>
                </tbody>
            </table>
            @endif


        </div>
        <!-- /.card-body -->
    </div>
    <!-- /.card -->
    <br><br>
</div>


<!-- AdjustWeight Modal start -->
<div class="modal" id="weightmodal">
    <div class="modal-dialog">
        <div class="modal-content">

            <!-- Modal Header -->
            <div class="modal-header">
                <h4 class="modal-title">Claim Weight</h4>
                <!-- <button type="button" class="close" data-dismiss="modal">&times;</button> -->
            </div>

            <!-- Modal body -->
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12 text-center">
                        <p>The Adjust Weight is Updated by <b>My Move Day</b></p>
                    </div>
                </div>
            </div>

            <!-- Modal footer -->
            <div class="modal-footer">
                <button type="button" class="btn btn-danger modalclose" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
<!-- AdjustWeight Modal end -->

@endsection