@extends('layouts.head_office_app')
@section('title', 'Case '.$case->id)

@section('sub-header')
@include('head_office.case_manager.notes.sub-header')
@endsection

@section('content')
<div id="content">
@include('layouts.error')
<div class="card card-qi content_widthout_sidebar">
    <div style="display: flex; justify-content: left; align-items: left; height: auto; padding:15px;">
        <div class="d-flex align-items-center gap-2" style=" padding-right: 10px;">                  

                <p class="m-0 fw-semibold">Form:</p>
                <p class="m-0">{{$case->form_name ?? ' '}} </p> 
            </div>
            <div class="d-flex align-items-center gap-2" style="font-size: 16px;white-space: nowrap;">                  
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path stroke="rgb(103,105,121)" d="M12 2V6M12 18V22M6 12H2M22 12H18M19.0784 19.0784L16.25 16.25M19.0784 4.99994L16.25 7.82837M4.92157 19.0784L7.75 16.25M4.92157 4.99994L7.75 7.82837" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
                Created 
                <p class="m-0 fw-semibold">{{$case->created_at->format('d M Y,  h:i a')}} </p>
            </div>

            <div style="font-size: 16px; white-space:nowrap; margin-left: 10px" class=" d-flex gap-2">
                    <img class="img-profile rounded-circle" width="22" height="22"
                    src="{{isset($case->getReporter()->id) ? ($case->getReporter()->email != 'external@qitech.com' ? $case->getReporter()->logo : asset('images/user-external.svg')) : asset('images/user-external.svg') }}"
                    />
                    @if (isset($case->getReporter()->id) && $case->getReporter()->email != 'external@qitech.com')
                        Reported by
                        <p class="m-0 fw-semibold">
                            {{$case->getReporter()->name ?? 'External User'}}
                        </p>
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M16 8.00007L2 22.0001M18 15.0001H9M6.6 19.0001H13.3373C13.5818 19.0001 13.7041 19.0001 13.8192 18.9724C13.9213 18.9479 14.0188 18.9075 14.1083 18.8527C14.2092 18.7909 14.2957 18.7044 14.4686 18.5314L19.5 13.5001C19.739 13.2611 19.8584 13.1416 19.9546 13.0358C22.0348 10.7474 22.0348 7.25275 19.9546 4.9643C19.8584 4.85851 19.739 4.73903 19.5 4.50007C19.261 4.26111 19.1416 4.14163 19.0358 4.04547C16.7473 1.96531 13.2527 1.96531 10.9642 4.04547C10.8584 4.14163 10.739 4.26111 10.5 4.50007L5.46863 9.53144C5.29568 9.70439 5.2092 9.79087 5.14736 9.89179C5.09253 9.98126 5.05213 10.0788 5.02763 10.1808C5 10.2959 5 10.4182 5 10.6628V17.4001C5 17.9601 5 18.2401 5.10899 18.4541C5.20487 18.6422 5.35785 18.7952 5.54601 18.8911C5.75992 19.0001 6.03995 19.0001 6.6 19.0001Z" stroke="rgb(103,105,121)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                            </svg>
                        Reported from
                        @else
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M16 8.00007L2 22.0001M18 15.0001H9M6.6 19.0001H13.3373C13.5818 19.0001 13.7041 19.0001 13.8192 18.9724C13.9213 18.9479 14.0188 18.9075 14.1083 18.8527C14.2092 18.7909 14.2957 18.7044 14.4686 18.5314L19.5 13.5001C19.739 13.2611 19.8584 13.1416 19.9546 13.0358C22.0348 10.7474 22.0348 7.25275 19.9546 4.9643C19.8584 4.85851 19.739 4.73903 19.5 4.50007C19.261 4.26111 19.1416 4.14163 19.0358 4.04547C16.7473 1.96531 13.2527 1.96531 10.9642 4.04547C10.8584 4.14163 10.739 4.26111 10.5 4.50007L5.46863 9.53144C5.29568 9.70439 5.2092 9.79087 5.14736 9.89179C5.09253 9.98126 5.05213 10.0788 5.02763 10.1808C5 10.2959 5 10.4182 5 10.6628V17.4001C5 17.9601 5 18.2401 5.10899 18.4541C5.20487 18.6422 5.35785 18.7952 5.54601 18.8911C5.75992 19.0001 6.03995 19.0001 6.6 19.0001Z" stroke="rgb(103,105,121)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                            </svg>
                        Reported from
                    @endif
                    <p class="m-0 fw-semibold" style="font-size: 16px; white-space:normal;" data-toggle="tooltip" data-bs-placement="top" @if (isset($case->getReporter()->id) && $case->getReporter()->email != 'external@qitech.com')
                        title="{{$case->location_full_address}}"@endif>
                        @if (isset($case->saved_loc))
                        {{ isset($case->saved_loc->location_id) ? $case->saved_loc->location_id : $case->saved_loc->trading_name}}
                        @else
                            {{ isset($case->location->location_id) ? $case->location->location_id : $case->location_name}}
                        @endif
                    </p>
                </div>

                <div class="d-flex align-items-center gap-2" style="margin-left: 10px; font-size: 14px;">
                                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path stroke="rgb(103,105,121)"
                                            d="M12 6V12L16 14M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
                                            stroke="black" stroke-width="2" stroke-linecap="round"
                                            stroke-linejoin="round" />
                                    </svg>
                                    Last Updated
                                    <p class="m-0 fw-semibold">{{ $case->updated_at->diffForHumans() }}</p>
                                </div>
        </div>
    <div class="card-body">
        <div class="cm_content pt-2">
            <div class="row">
                <div class="col-sm-12">
                    <div class="row">
                        <div class="col-md-12">
                            <h3 class="text-center text-dark h3 font-weight-bold mb-4">Information Requests</h3>
                            <div class="table-responsive">
                                @if($case->case_request_informations->isEmpty())
                                <div class="text-left my-4">
                                <p>You have no Request Information.</p>
                            </div>
                                @else
                                    <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                                        <thead>
                                        <tr>
                                            <th>Date</th>
                                            <th>Sent to</th>
                                            <th>Requested by</th>
                                            <th>Status</th>
                                            <th>Action</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($case->case_request_informations as $case_request_information)
                                                <tr>
                                                    <td>{{$case_request_information->created_at->format('d/m/y')}} <br> {{ $case_request_information->created_at->diffForHumans()}}</td>
                                                    <td>{{$case_request_information->user->email}} / {{$case_request_information->user->name}}</td>
                                                    <td>{{$case_request_information->case->case_head_office->company_name}}</td>
                                                    <td>
                                                        @if($case_request_information->status == 0)
                                                        Waiting
                                                        @else
                                                        Received
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if($case_request_information->status == 0)
                                                        <a class="btn btn-primary" href="{{route('head_office.case.edit_request',[$case->id,$case_request_information->id])}}" style="width: 132px">Edit Request</a><br/>
                                                        <a class="btn btn-danger" href="{{route('head_office.case.requested_information_delete',[$case->id,$case_request_information->id])}}">Cancel Request</a>
                                                        @else
                                                            <a class="btn btn-info" href="{{route('head_office.case.requested_information',[$case->id,$case_request_information->id])}}">View Response</a>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>

@section('styles')

<link rel="stylesheet" href="{{asset('tribute/tribute.css')}}">
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />

@endsection

@section('scripts')
<script src="{{asset('admin_assets/js/view_case.js')}}"></script>
<script src="{{asset('admin_assets/js/form-template.js')}}"></script>
<script>
    $(document).on("click", ".delete_share_case", function(e) {
        e.preventDefault();
        let href = $(this).attr('href');
        
        let msg = $(this).data('msg');
        alertify.defaults.glossary.title = 'Alert!';
        alertify.confirm("Are you sure?", msg,
        function(){
            window.location.href = href;
        }, function(i){
            console.log(i);
        });
    });
</script>
@endsection

@endsection