@extends('retailer.master')
@section('css')
    <link rel="stylesheet" media="screen, print" href="{{asset('css/smart_admin_bootstrap4/formplugins/dropzone/dropzone.css')}}">
    <link rel="stylesheet" media="screen, print" href="{{asset('css/smart_admin_bootstrap4/notifications/sweetalert2/sweetalert2.bundle.css')}}">
    <link rel="stylesheet" href="{{ asset ("css/summernote/0.8.12/summernote-bs4.css") }}">
@endsection
@section('main')
<main id="js-page-content" role="main" class="page-content">
    <ol class="breadcrumb page-breadcrumb">
        <li class="breadcrumb-item"><a href="javascript:void(0);">Claim</a></li>
        <li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
    </ol>
    <div class="subheader">
        <h1 class="subheader-title">
            <i class='subheader-icon fal fa-table'></i><span class='fw-300'>Claim</span>
            <small>
                Here you can see a specific claim
            </small>
        </h1>
    </div>
    <div class="row">
        <div class="col-xl-12">
            <div id="panel-12" class="panel">
                <div class="panel-hdr">
                    <h2>
                        Claim ID: {{ $claim->id }}
                    </h2>
                    <div class="panel-toolbar">
                        <button class="btn btn-panel" data-action="panel-collapse" data-toggle="tooltip" data-offset="0,10" data-original-title="Collapse"></button>
                        <button class="btn btn-panel" data-action="panel-fullscreen" data-toggle="tooltip" data-offset="0,10" data-original-title="Fullscreen"></button>
                        <button class="btn btn-panel" data-action="panel-close" data-toggle="tooltip" data-offset="0,10" data-original-title="Close"></button>
                    </div>
                </div>
                <div class="panel-container show">
                    <div class="panel-content">
                        <div class="row">
                            <div class="col-auto">
                                <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                                    <a class="nav-link active" id="v-pills-customer-details-tab" data-toggle="pill" href="#v-pills-customer-details" role="tab" aria-controls="v-pills-customer-details" aria-selected="true">
                                        <i class="fal fa-user"></i>
                                        <span class="hidden-sm-down ml-1">Customer Details</span>
                                    </a>
                                    <a class="nav-link" id="v-pills-claim-overview-tab" data-toggle="pill" href="#v-pills-claim-overview" role="tab" aria-controls="v-pills-claim-overview" aria-selected="false">
                                        <i class="fal fa-list"></i>
                                        <span class="hidden-sm-down ml-1">Claim Overview</span>
                                    </a>
                                    <a class="nav-link" id="v-pills-eligibility-tab" data-toggle="pill" href="#v-pills-eligibility" role="tab" aria-controls="v-pills-eligibility" aria-selected="false">
                                        <i class="fal fa-book"></i>
                                        <span class="hidden-sm-down ml-1">Eligibility</span>
                                    </a>
                                    <a class="nav-link" id="v-pills-defence-tab" data-toggle="pill" href="#v-pills-defence" role="tab" aria-controls="v-pills-defence" aria-selected="false">
                                        <i class="fal fa-shield"></i>
                                        <span class="hidden-sm-down ml-1">Defence</span>
                                    </a>
                                    <a class="nav-link" id="v-pills-final-comments-tab" data-toggle="pill" href="#v-pills-final-comments" role="tab" aria-controls="v-pills-final-comments" aria-selected="false">
                                        <i class="fal fa-bookmark"></i>
                                        <span class="hidden-sm-down ml-1">Final Comments</span>
                                    </a>
                                    <a class="nav-link" id="v-pills-decision-tab" data-toggle="pill" href="#v-pills-decision" role="tab" aria-controls="v-pills-decision" aria-selected="false">
                                        <i class="fal fa-align-justify"></i>
                                        <span class="hidden-sm-down ml-1">Decision</span>
                                    </a>
                                </div>
                            </div>
                            <div class="col">
                                <div class="tab-content" id="v-pills-tabContent">
                                    <div class="tab-pane fade show active" id="v-pills-customer-details" role="tabpanel" aria-labelledby="v-pills-customer-details-tab">
                                        <h3>
                                           Customer Details
                                        </h3>
                                        <ul class="notification">
                                            <li>
                                                <a href="#" class="d-flex align-items-center py-2 px-0">
                                                    <span class="d-flex flex-column flex-1">
                                                        <span class="name">First Name</span>
                                                        <span class="msg-a fs-sm">{{ $claim->customer->first_name }}</span>
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="d-flex align-items-center py-2 px-0">
                                                    <span class="d-flex flex-column flex-1">
                                                        <span class="name">Last Name</span>
                                                        <span class="msg-a fs-sm">{{ $claim->customer->last_name }}</span>
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="d-flex align-items-center py-2 px-0">
                                                    <span class="d-flex flex-column flex-1">
                                                        <span class="name">Email</span>
                                                        <span class="msg-a fs-sm">{{ $claim->customer->email }}</span>
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="d-flex align-items-center py-2 px-0">
                                                    <span class="d-flex flex-column flex-1">
                                                        <span class="name">Home Phone</span>
                                                        <span class="msg-a fs-sm">{{ $claim->customer->home_phone }}</span>
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="d-flex align-items-center py-2 px-0">
                                                    <span class="d-flex flex-column flex-1">
                                                        <span class="name">Mobile Phone</span>
                                                        <span class="msg-a fs-sm">{{ $claim->customer->mobile_phone }}</span>
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="d-flex align-items-center py-2 px-0">
                                                    <span class="d-flex flex-column flex-1">
                                                        <span class="name">First Line of Address</span>
                                                        <span class="msg-a fs-sm">{{ $claim->customer->first_line_of_address }}</span>
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="d-flex align-items-center py-2 px-0">
                                                    <span class="d-flex flex-column flex-1">
                                                        <span class="name">Second Line of Address</span>
                                                        <span class="msg-a fs-sm">{{ $claim->customer->second_line_of_address }}</span>
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="d-flex align-items-center py-2 px-0">
                                                    <span class="d-flex flex-column flex-1">
                                                        <span class="name">City/Town</span>
                                                        <span class="msg-a fs-sm">{{ $claim->customer->city }}</span>
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="d-flex align-items-center py-2 px-0">
                                                    <span class="d-flex flex-column flex-1">
                                                        <span class="name">Country</span>
                                                        <span class="msg-a fs-sm">{{ $claim->customer->country }}</span>
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="d-flex align-items-center py-2 px-0">
                                                    <span class="d-flex flex-column flex-1">
                                                        <span class="name">Post Code</span>
                                                        <span class="msg-a fs-sm">{{ $claim->customer->post_code }}</span>
                                                    </span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane fade" id="v-pills-claim-overview" role="tabpanel" aria-labelledby="v-pills-claim-overview-tab">
                                        <h3>
                                            Claim Overview
                                        </h3>
                                        <ul class="notification">
                                            <li>
                                                <a href="#" class="d-flex align-items-center py-2 px-0">
                                                    <span class="d-flex flex-column flex-1">
                                                        <span class="name">Reference Number</span>
                                                        <span class="msg-a fs-sm">{{ $claim->reference_number }}</span>
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="d-flex align-items-center py-2 px-0">
                                                    <span class="d-flex flex-column flex-1">
                                                        <span class="name">Action date</span>
                                                        <span class="msg-a fs-sm">{{ $claim->last_date }}</span>
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="d-flex align-items-center py-2 px-0">
                                                    <span class="d-flex flex-column flex-1">
                                                        <sepan class="name">Status</sepan>
                                                        <span class="msg-a fs-sm">{{ $claim->claim_status->name }}</span>
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="d-flex align-items-center py-2 px-0">
                                                    <span class="d-flex flex-column flex-1">
                                                        <span class="name">Claim With</span>
                                                        <span class="msg-a fs-sm">{{ $claim->claim_with_relation->name }}</span>
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="d-flex align-items-center py-2 px-0">
                                                    <span class="d-flex flex-column flex-1">
                                                        <span class="name">Close Date</span>
                                                        <span class="msg-a fs-sm">{{ $claim->close_date }}</span>
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="d-flex align-items-center py-2 px-0">
                                                    <span class="d-flex flex-column flex-1">
                                                        <span class="name">Closed Reason</span>
                                                        <span class="msg-a fs-sm">{{ $claim->claim_closed_reason->name }}</span>
                                                    </span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane fade"
                                         id="v-pills-eligibility"
                                         role="tabpanel"
                                         aria-labelledby="v-pills-eligibility-tab">
                                        <h3>
                                            Eligibility
                                        </h3>
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <ul class="notification">
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center py-2 px-0">
                                                            <span class="d-flex flex-column flex-1">
                                                                <span class="name">Complained To Company In Writing</span>
                                                                <span class="msg-a fs-sm">
                                                                    <span class='badge badge-{{$claim->eligibility->complained_to_company_in_writing ? "success" : "danger"}}'>
                                                                        {{ $claim->eligibility->complained_to_company_in_writing ? "Yes" : "No" }}
                                                                    </span>
                                                                </span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center py-2 px-0">
                                                            <span class="d-flex flex-column flex-1">
                                                                <span class="name">Date of initial complaint</span>
                                                                <span class="msg-a fs-sm">
                                                                    {{ $claim->eligibility->date_complained_to_company }}
                                                                </span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center py-2 px-0">
                                                            <span class="d-flex flex-column flex-1">
                                                                <span class="name">Has the company provided a final response</span>
                                                                <span class="msg-a fs-sm">
                                                                    <span class='badge badge-{{$claim->eligibility->company_provide_final_response ? "success" : "danger"}}'>
                                                                        {{ $claim->eligibility->company_provide_final_response ? "Yes" : "No" }}
                                                                    </span>
                                                                </span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center py-2 px-0">
                                                            <span class="d-flex flex-column flex-1">
                                                                <span class="name">Date of final response</span>
                                                                <span class="msg-a fs-sm">
                                                                    {{ $claim->eligibility->date_company_final_response }}
                                                                </span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center py-2 px-0">
                                                            <span class="d-flex flex-column flex-1">
                                                                <span class="name">Company rejected the complaint</span>
                                                                <span class="msg-a fs-sm">
                                                                    <span class='badge badge-{{$claim->eligibility->company_reject_complain ? "success" : "danger"}}'>
                                                                        {{ $claim->eligibility->company_reject_complain ? "Yes" : "No" }}
                                                                    </span>
                                                                </span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center py-2 px-0">
                                                            <span class="d-flex flex-column flex-1">
                                                                <span class="name">Customer rejected final response</span>
                                                                <span class="msg-a fs-sm">
                                                                    <span class='badge badge-{{$claim->eligibility->customer_reject_company_final_response ? "success" : "danger"}}'>
                                                                        {{ $claim->eligibility->customer_reject_company_final_response ? "Yes" : "No" }}
                                                                    </span>
                                                                </span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center py-2 px-0">
                                                            <span class="d-flex flex-column flex-1">
                                                                <span class="name">Complained to any other third party/ADR provider </span>
                                                                <span class="msg-a fs-sm">
                                                                    <span class='badge badge-{{$claim->eligibility->complain_to_other_adr ? "success" : "danger"}}'>
                                                                        {{ $claim->eligibility->complain_to_other_adr ? "Yes" : "No" }}
                                                                    </span>
                                                                </span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center py-2 px-0">
                                                            <span class="d-flex flex-column flex-1">
                                                                <span class="name">Section 75 chargeback</span>
                                                                <span class="msg-a fs-sm">
                                                                    <span class='badge badge-{{$claim->eligibility->section_75 ? "success" : "danger"}}'>
                                                                        {{ $claim->eligibility->section_75 ? "Yes" : "No" }}
                                                                    </span>
                                                                </span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="col-sm-6">
                                                <ul class="notification">
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center py-2 px-0">
                                                            <span class="d-flex flex-column flex-1">
                                                                <span class="name">Company Final Response </span>
                                                            </span>
                                                        </a>
                                                        <div class="panel-content">
                                                            <div class="js-hint2mention" id="2company_final_respone">
                                                                {!! $claim->eligibility->company_final_respone !!}
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                                @if ( $claim->eligibility->files )
                                                <h5 class="frame-heading">
                                                    Files
                                                </h5>
                                                <div class="frame-wrap">
                                                    <table class="table table-striped m-0">
                                                        <thead>
                                                        <tr>
                                                            <th>Name</th>
                                                            <th>Action</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        @foreach( $claim->eligibility->files as $file )
                                                        <tr>
                                                            <td>{{ $file->name }}</td>
                                                            <td>
                                                                <a href="download-eligibility-file/{{ $file->id }}"
                                                                   class="btn btn-sm btn-link">
                                                                    <i class="fal fa-cloud-download"></i> Download
                                                                 </a>
                                                            </td>
                                                        </tr>
                                                        @endforeach
                                                        </tbody>
                                                    </table>
                                                </div>
                                                 @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="v-pills-defence" role="tabpanel" aria-labelledby="v-pills-defence-tab">
                                        <h3>Defence</h3>
                                        <div class="row">
                                            <div class="col-sm-3">
                                                <ul class="notification">
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center py-2 px-0">
                                                            <span class="d-flex flex-column flex-1">
                                                                <span class="name">Creation Date</span>
                                                                <span class="msg-a fs-sm">{{ $claim->defence->created_at}}</span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center py-2 px-0">
                                                            <span class="d-flex flex-column flex-1">
                                                                <span class="name">Expiry Date</span>
                                                                <span class="msg-a fs-sm">{{ $claim->defence->expiry_date}}</span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="col-sm-9">
                                                <ul class="notification">
                                                    <div id="panel-5" class="panel">
                                                        <div class="panel-container show">
                                                            <div class="panel-content">
                                                                <ul class="nav nav-tabs" role="tablist">
                                                                    <li class="nav-item">
                                                                        <a class="nav-link active" data-toggle="tab" href="#tab_borders_icons-1" role="tab"><i class="fal fa-pencil mr-1"></i>Defence Statement</a>
                                                                    </li>
                                                                    <li class="nav-item">
                                                                        <a class="nav-link" data-toggle="tab" href="#tab_borders_icons-2" role="tab"><i class="fal fa-upload mr-1"></i>Defence files</a>
                                                                    </li>
                                                                </ul>
                                                                <div class="tab-content border border-top-0 p-3">
                                                                    <div class="tab-pane fade show active" id="tab_borders_icons-1" role="tabpanel">
                                                                        <div class="panel-tag" id="content-defence-title">
                                                                            @if ( $claim->defence->final_ind )
                                                                                Your defence is now final.
                                                                            @else
                                                                                You have until {{$claim->defence->expiry_date}} to submit your defence.
                                                                            @endif
                                                                        </div>
                                                                        <div class="alert alert-success" role="alert">
                                                                        </div>
                                                                        <div class="alert alert-danger" role="alert">
                                                                        </div>
                                                                        <textarea class="js-summernote" id="defence-content">{!! $claim->defence->content !!}</textarea>
                                                                        <div class="mt-3">
                                                                            @if ( !$claim->defence->final_ind )
                                                                                <div id="defence-file-save-buttons">
                                                                                <button value="{{$claim->defence->id}}" type="button" id="save-defence" class="btn btn-sm btn-success waves-effect waves-themed">
                                                                                    <span class="fal fa-download mr-1"></span>
                                                                                    Save
                                                                                </button>
                                                                                <button value="{{$claim->defence->id}}"
                                                                                        id="mark-defence-as-final"
                                                                                        type="button"
                                                                                        class="float-right btn btn-sm btn-warning waves-effect waves-themed">
                                                                                    <span class="fal fa-exclamation-triangle mr-1"></span>
                                                                                    Mark defence as final
                                                                                </button>
                                                                                </div>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                    <div class="tab-pane fade" id="tab_borders_icons-2" role="tabpanel">
                                                                        <div class="panel-container show">
                                                                            <div class="panel-content">
                                                                                @if( !$claim->defence->final_ind )
                                                                                <div id="upload-file-panel">
                                                                                <div class="panel-tag">
                                                                                   You can only download pdf, docx, doc, jpg, jpeg, png files. The files should not exceed 20 MB.
                                                                                </div>
                                                                                <div class="alert alert-success" role="alert">
                                                                                </div>
                                                                                <div class="alert alert-danger" role="alert">
                                                                                </div>
                                                                                <form action="../upload-file" class="dropzone needsclick" style="min-height: 7rem;">
                                                                                    <div style="cursor: pointer;" class="dz-message needsclick" id="defence_upload">
                                                                                        <i class="fal fa-cloud-upload text-muted mb-3"></i> <br>
                                                                                        <span class="text-uppercase">Drop files here or click to upload.</span><br>
                                                                                    </div>
                                                                                </form>
                                                                                <br><br>
                                                                                </div>
                                                                                @endif
                                                                                <table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
                                                                                    <thead>
                                                                                    <tr>
                                                                                        <th>Name</th>
                                                                                        <th>Uploaded At</th>
                                                                                        <th>Actions</th>
                                                                                    </tr>
                                                                                    </thead>
                                                                                    <tbody>
                                                                                    </tbody>
                                                                                </table>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </ul>
                                            </div>
                                        </div>
                                    </div><!-- end claim defence tab -->
                                    <div class="tab-pane fade" id="v-pills-final-comments" role="tabpanel" aria-labelledby="v-pills-final-comments-tab">
                                        <h3>
                                           Final Comments
                                        </h3>
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <h4>
                                                    Claimant
                                                </h4>
                                                <ul class="notification">
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center py-2 px-0">
                                                            <span class="d-flex flex-column flex-1">
                                                                <span class="name">Expiry Date</span>
                                                                <span class="msg-a fs-sm">
                                                                    {{
                                                                    date('d-m-Y', strtotime($claim->final_comment->customer_comment_expiry_date ))
                                                                     }}
                                                                </span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center py-2 px-0">
                                                            <span class="d-flex flex-column flex-1">
                                                                <span class="name">Final version</span>
                                                                <span class="msg-a fs-sm">
                                                                    <span class='badge badge-{{$claim->final_comment->customer_comment_final_ind  ? "success" : "danger"}}'>
                                                                        {{ $claim->final_comment->customer_comment_final_ind  ? "Yes" : "No" }}
                                                                    </span>
                                                                </span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center py-2 px-0">
                                                            <span class="d-flex flex-column flex-1">
                                                                <span class="name">Claimant’s Final Comments</span>
                                                            </span>
                                                        </a>
                                                        <div class="panel-content">
                                                            <div class="js-hint2mention" id="2company_final_respone">
                                                                {!! $claim->final_comment->customer_comment  !!}
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="col-sm-6">
                                                <h4>
                                                    Retailer
                                                </h4>
                                                <ul class="notification">
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center py-2 px-0">
                                                            <span class="d-flex flex-column flex-1">
                                                                <span class="name">Expiry Date</span>
                                                                <span class="msg-a fs-sm">{{ $claim->final_comment->respondent_comment_expiry_date }}</span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center py-2 px-0">
                                                            <span class="d-flex flex-column flex-1">
                                                                <span class="name">Is Retailer Final Comment</span>
                                                                <span class="msg-a fs-sm">
                                                                    <span class='badge badge-{{$claim->final_comment->respondent_comment_final_ind  ? "success" : "danger"}}'>
                                                                        {{ $claim->final_comment->respondent_comment_final_ind ? "Yes" : "No" }}
                                                                    </span>
                                                                </span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center py-2 px-0">
                                                            <span class="d-flex flex-column flex-1">
                                                                <span class="name">Respondent’s Final Comments</span>
                                                            </span>
                                                        </a>
                                                        <div class="panel-content">
                                                            <textarea class="js-summernote" id="retailer-final-comments-content">{!! $claim->final_comment->respondent_comment !!}</textarea>
                                                        </div>
                                                        <div class="mt-3">
                                                            @if ( !$claim->final_comment->respondent_comment_final_ind  )
                                                                <div id="retailer-final-comments-save-buttons">
                                                                    <button value="{{$claim->final_comment->id}}" type="button" id="save-retailer-final-comment" class="btn btn-sm btn-success waves-effect waves-themed">
                                                                        <span class="fal fa-download mr-1"></span>
                                                                        Save
                                                                    </button>
                                                                    <button value="{{$claim->final_comment->id}}"
                                                                            id="mark-retailer-final-comment-as-final"
                                                                            type="button"
                                                                            class="float-right btn btn-sm btn-warning waves-effect waves-themed">
                                                                        <span class="fal fa-exclamation-triangle mr-1"></span>
                                                                        Mark final comment as final.
                                                                    </button>
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="v-pills-decision" role="tabpanel" aria-labelledby="v-pills-decision-tab">
                                        <h3>
                                            Decision
                                        </h3>
                                        <div class="row">
                                            <div class="col-sm-3">
                                                <ul class="notification">
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center py-2 px-0">
                                                            <span class="d-flex flex-column flex-1">
                                                                <span class="name">Creation Date</span>
                                                                <span class="msg-a fs-sm">{{ $claim->decision->created_at }}</span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center py-2 px-0">
                                                            <span class="d-flex flex-column flex-1">
                                                                <span class="name">Expiry Date</span>
                                                                <span class="msg-a fs-sm">{{ $claim->decision->expiry_date }}</span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center py-2 px-0">
                                                            <span class="d-flex flex-column flex-1">
                                                                <span class="name">Awarded to</span>
                                                                <span class="msg-a fs-sm">{{ $claim->decision->awarded_to }}</span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="col-sm-9">
                                                <ul class="notification">
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center py-2 px-0">
                                                            <span class="d-flex flex-column flex-1">
                                                                <span class="name">Decision</span>
                                                            </span>
                                                        </a>
                                                        <div class="panel-content">
                                                            <div class="js-hint2mention" id="2company_final_respone">
                                                                {!! $claim->decision->content !!}
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                                @if ( $claim->decision->files )
                                                    <h5 class="frame-heading">
                                                        Files
                                                    </h5>
                                                    <div class="frame-wrap">
                                                        <table class="table table-striped m-0">
                                                            <thead>
                                                            <tr>
                                                                <th>Name</th>
                                                                <th>Action</th>
                                                            </tr>
                                                            </thead>
                                                            <tbody>
                                                            @foreach( $claim->decision->files as $file )
                                                                <tr>
                                                                    <td>{{ $file->name }}</td>
                                                                    <td>
                                                                        <a href="download-decision-file/{{ $file->id }}"
                                                                           class="btn btn-sm btn-link">
                                                                            <i class="fal fa-cloud-download"></i> Download
                                                                        </a>
                                                                    </td>
                                                                </tr>
                                                            @endforeach
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
@endsection
@section ('script')
    <script src="{{asset('js/smart_admin_bootstrap4/formplugins/dropzone/dropzone.js')}}"></script>
    <script src="{{asset('js/smart_admin_bootstrap4/notifications/sweetalert2/sweetalert2.bundle.js')}}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.12/summernote-bs4.js"></script>
<script>
    Dropzone.autoDiscover = false;
    function deleteFile(file_id,row_index) {
        Swal.fire(
            {
                title: "Are you sure you want tot delete this file?",
                text: "You won't be able to revert this!",
                type: "warning",
                showCancelButton: true,
                confirmButtonText: "Yes, delete it!"
            }).then(function(result)
        {
            if (result.value)
            {
                $.ajax({
                    url:"{{action('RetailerController@deleteFile')}}",
                    type: 'post',
                    data: {
                        "id": file_id,
                        "_token": "{{ csrf_token() }}",
                    },
                    success: function ( response )
                    {
                        Swal.fire("Deleted!", "Your file has been deleted.", "success");
                        claimsTable.ajax.reload();
                    }
                });
            }
        });

    }
    $(document).ready(function() {

        @if ($claim->defence->final_ind)
            $('#defence-content').summernote({toolbar: [], height: 300});
            $('#defence-content').summernote('disable');
        @endif

        @if ( $claim->final_comment->respondent_comment_final_ind )
            $('#retailer-final-comments-content').summernote({toolbar: [], height: 300});
            $('#retailer-final-comments-content').summernote('disable');
        @endif

        $("#mark-defence-as-final").on('click', function () {
            Swal.fire(
                {
                    title: "Mark Defence as Final",
                    text: "If you mark a defence as final you won't be able to edit any longer or upload any defence files.",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonText: "Yes"
                }).then(function(result)
            {
                if (result.value)
                {
                    $.ajax({
                        url:"{{action('RetailerController@markDefenceFinal')}}",
                        type: 'post',
                        data: {
                            "id": $("#mark-defence-as-final").attr("value"),
                            "_token": "{{ csrf_token() }}",
                        },
                        success: function ( response )
                        {
                            Swal.fire("Success", "Your defence is now final", "success");
                            $('#defence-content').summernote('disable');
                            $("#defence-file-save-buttons").hide();
                            $("#upload-file-panel").hide();
                            $('#content-defence-title').text( "Your defence is now final." );
                            claimsTable.ajax.reload();
                        },
                        error: function ( response )
                        {
                            Swal.fire("Error", "Defence  wasn't updated", "error");
                        }
                    });
                }
            });
        });

        $("#mark-retailer-final-comment-as-final").on('click', function () {
            Swal.fire(
                {
                    title: "Mark Final Comments as Final",
                    text: "Doing this will not allow you to edit your final comments",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonText: "Yes"
                }).then(function(result)
            {
                if (result.value)
                {
                    $.ajax({
                        url:"{{action('RetailerController@markFinalCommentsAsFinal')}}",
                        type: 'post',
                        data: {
                            "id": $("#mark-retailer-final-comment-as-final").attr("value"),
                            "_token": "{{ csrf_token() }}",
                        },
                        success: function ( response )
                        {
                            Swal.fire("Success", "Your final comments are now final.", "success");
                            $('#retailer-final-comments-content').summernote('disable');
                            $("#retailer-final-comments-save-buttons").hide();
                            //$('#content-defence-title').text( "Your final comments are now final." );
                            claimsTable.ajax.reload();
                        },
                        error: function ( response )
                        {
                            Swal.fire("Error", "Defence  wasn't updated", "error");
                        }
                    });
                }
            });
        });


        $("#save-defence").on('click', function () {
            $.ajax({
                url:"{{action('RetailerController@saveDefenceContent')}}",
                type: 'post',
                data: {
                    "id": $(this).attr("value"),
                    "content": $("#defence-content").val(),
                    "_token": "{{ csrf_token() }}",
                },
                success: function ( response )
                {
                    selector = $(".alert-success");
                    selector.text( response.success).show();
                    selector.delay(5000).slideUp(300);
                }
            });
        });

        $("#save-retailer-final-comment").on('click', function () {
            $.ajax({
                url:"{{action('RetailerController@saveRetailerFinalComments')}}",
                type: 'post',
                data: {
                    "id": $(this).attr("value"),
                    "content": $("#retailer-final-comments-content").val(),
                    "_token": "{{ csrf_token() }}",
                },
                success: function ( response )
                {
                    //selector = $(".alert-success");
                    //selector.text( response.success).show();
                    //selector.delay(5000).slideUp(300);
                }
            });
        });

        $('#defence-content').summernote({
            placeholder: 'Write your defence',
            tabsize: 2,
            height: 300
        });
        $('#retailer-final-comments-content').summernote({
            placeholder: 'Write final comments',
            tabsize: 2,
            height: 300
        });

        $('#new_claims').addClass('active');
        $('#claims').addClass('active open');
        $(".alert-success").hide();
        $(".alert-danger").hide();

        claimsTable = $('#dt-basic-example').DataTable( {
            ajax: "jsonDefenceFiles/{{$claim->defence->id}}",
            columns: [
                {
                    targets: 0,
                    data: "name",
                    render: function ( data, type, row, meta ) {
                        var name;
                        name = '<div title="'+data+'" style="overflow: hidden;max-width: 200px; white-space: nowrap; text-overflow: ellipsis;">'+data+'</div>';
                        return name;
                    }
                },
                { data: "created_at" },
                {
                    targets: 2,
                    data: "id",
                    render: function ( data, type, row, meta ) {
                        var actions ;
                        console.log(row);
                        actions =
                            `<a href="download-file/${data}"` +
                            'class="btn btn-sm btn-link">' +
                            '<i class="fal fa-cloud-download"></i> Download'+
                            '</a>'
                            @if (!$claim->defence->final_ind)
                            if( row.claim_defence.final_ind == 0 ){
                                actions += `<a href="javascript:void(0);"` +
                                    `id="js-sweetalert2-example-7"`+
                                    ` onclick="deleteFile(${data})"`+
                                    'class="btn btn-sm btn-link delete-file">' +
                                    '<i class="fal fa-trash"></i> Delete'+
                                    '</a>'
                            }
                            @endif

                        return actions;
                    }
                },
            ],
        });

        $("#defence_upload").dropzone({
            url: "../upload-file",
            init: function() {
                this.on("sending", function(file, xhr, formData) {
                    formData.append("_token", "{{ csrf_token() }}");
                    formData.append("claim_defence_id", "{{$claim->defence->id}}");
                    formData.append("claim_id", "{{$claim->id}}");
                });
                this.on("complete", function (file) {
                });
                this.on('success', function( file, resp ){
                    selector = $(".alert-success");
                    claimsTable.ajax.reload();
                    selector.text(resp.success).show();
                    selector.delay(5000).slideUp(300);
                });
                this.on('error', function( file, resp ){
                    $(".dz-error-message").text("This file wasn't uploaded");
                    selector = $(".alert-danger");
                    selector.text(resp.errors.file).show();
                    selector.delay(5000).slideUp(300);
                });
            }
        });
    });
</script>
@endsection