@extends('layouts.template')

@section('content')
<style>
    .steps{
        text-align: left;
        padding: 15px;
        margin: 20px 0 20px 0;
    }
    .steps-disabled{
        text-align: left;
        padding: 15px;
        margin: 20px 0 20px 0;
        pointer-events: none;
        text-decoration: none;
    }
    .steps>span, .steps-disabled>span{
        font-size:14px;
        font-weight:100;
    }
    .right{
        float:right;
    }
    .page-adjust{
        position: relative;
        min-height: calc(100vh - 100px);
    }
    .upper{
        text-transform: uppercase;
    }
</style> 

<div class="page-adjust"> 
    <div class="row page-titles">
        <div class="col-md-5 col-12 align-self-center">
            <h3 class="text-themecolor mb-0">File Claim</h3>
            <ol class="breadcrumb mb-0 p-0 bg-transparent">
                <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
                <li class="breadcrumb-item"><a href="javascript:void(0)">File Claim</a></li>
                <li class="breadcrumb-item active">{{ $claim->arcus_transaction_no }}</li>
            </ol>
        </div>
    </div>

    <div class="container-fluid">
        @php
       
            $user_id = Auth::user()->user_id;
            $allowCancel = $claim->user_id == $user_id && $claim->claim_tag == 'draft';
            
        @endphp
        

        <div class="row">
            <div class="col-12" style="margin-bottom:10px">
                <b class="text-info font-medium p-0" style="font-size:16px">TRANSACTION NO. {{ $claim->arcus_transaction_no }} </b>
                
                <button type="button" class="btn btn-primary right ml-2" data-toggle="modal" data-target="#myModal">View Status</button>

                @if($allowCancel)
                    <button type="button" class="btn btn-danger right ml-2" data-toggle="modal" data-target="#cancelClaim"> Cancel Claim</button>
                @endif 
                
                @if(Auth::user()->user_type=='Adjuster')
                {{--  {{ dd($claim->claim_tag) }}  --}}
                    @if($enableActionBtn)
                        <button type="button" class="btn btn-success right ml-2" data-toggle="modal" data-target="#closeClaimModal">Close Claim</button>
                        @if($isDenialLetterExist > 0)
                            <button type="button" class="btn btn-danger right ml-2" data-toggle="modal" data-target="#denyClaimModal">Deny Claim</button>
                        @endif
                    @endif
                @elseif(Auth::user()->user_type=='Group Manager' || Auth::user()->user_type=='Claims Head' || (Auth::user()->user_type=='Claims Officer' && $isAdjusterCanAssign))
                    <div class="right">
                        <button type="button" class="btn btn-info" data-toggle="modal" data-target="#assignModal"><i class="fas fa-tag"></i>
                            @if($claim->adjuster_id == 0 || ($claim->adjuster_id != 0 && $claim->claim_tag=='pending')) Assign 
                            @elseif($claim->adjuster_id != 0 &&$claim->claim_tag=='accepted') Re-assign 
                            @endif Adjuster 
                        </button>
                    </div>               
                @endif
            </div>
            
            
            <div class="col-12">

                {{-- flash messages --}}
                    @if (session('success'))
                    <div class="alert alert-primary alert-dismissible bg-success text-white border-0 fade show"
                        role="alert">
                        <button type="button" class="close ml-auto" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <strong>Success - </strong> {{session('success')}}
                    </div>
                    @endif

                    @if (Session::get('error'))
                    <div class="alert alert-primary alert-dismissible bg-success text-white border-0 fade show"
                        role="alert">
                        <button type="button" class="close ml-auto" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <strong>Error Message - </strong> {{Session::get('error')}}
                    </div>
                    @endif
            
                    @foreach ($errors->all() as $error)
                        <div class="alert alert-primary alert-dismissible bg-danger text-white border-0 fade show"
                        role="alert">
                            <button type="button" class="close ml-auto" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                            <strong>Error Message - </strong> {{$error}}
                        </div>
                    @endforeach
            {{-- end flash message --}}

                <div class="card">
                    <div class="card-body">
                        <div class=" col-md-12">
                            <div class="row">
                                <div class="col-md-3">
                                    <a href="#" class="btn btn-outline-info btn-lg btn-block steps-disabled {{ (request()->segment(2) == 'details') ? 'active' : '' }}">1. <span>Details</span></a>
                                </div>
                                <div class="col-md-3">
                                    <a href="#" class="btn btn-outline-info btn-lg btn-block steps-disabled {{ (request()->segment(2) == 'types') ? 'active' : '' }}">2. <span>Nature of Claim</span></a>
                                </div>
                                <div class="col-md-3">
                                    <a href="#" class="btn btn-outline-info btn-lg btn-block steps-disabled {{ (request()->segment(2) == 'requirements') ? 'active' : '' }}">3. <span>Requirements</span></a>
                                </div>
                                @if(Auth::user()->user_type!='Claimant' && Auth::user()->user_type!='Encoder' && Auth::user()->user_type!='Staff') 
                                <div class="col-md-3">
                                    <a href="{{ url('/file-claim/status/'.$claim->claim_code) }}" class="btn btn-outline-info btn-lg btn-block steps {{ (request()->segment(2) == 'status') ? 'active' : '' }}">4. <span>Status and Attachments</span></a>
                                </div>
                                @endif
                            </div>
                        </div>

                        <main>
                            @yield('claim-contents')
                        </main>

                    </div>
                </div>
            </div>
            
            
        </div>
        
    </div>
</div>

{{-- View Status for Claimant --}}
<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header d-flex align-items-center">
                <h4 class="modal-title" id="myModalLabel">Status</h4>
                <button type="button" class="close ml-auto" data-dismiss="modal" aria-hidden="true">×</button>
            </div>
            <div class="modal-body">
                @forelse($claim_status as $stat)
                <h6>{{ $stat->status }}</h6>
                <p>{{ date('M d, Y h:i A',strtotime($stat->created_at)) }}</p>
                <hr>
                @empty
                No data found.
                @endforelse
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

{{-- Close Claim --}}
<div id="closeClaimModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header d-flex align-items-center">
                <h5 class="modal-title" id="myModalLabel">Are you sure you want to close this claim?</h5>
                <button type="button" class="close ml-auto" data-dismiss="modal" aria-hidden="true">×</button>
            </div>
            <form method="POST" action="{{ route('claim-tagging', ['id' => $claim->claim_id, 'tag' => 'closed']) }}" class="my-form">
                @csrf
                <div class="modal-body">
                    <label>Remarks to Claimant : <small>(optional)</small></label>
                    <textarea class="form-control" rows="10" placeholder="Type your remarks here..." name="remarks"></textarea>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-dismiss="modal">No</button>
                    <button type="submit" class="btn btn-primary btnSubmit">Yes, close this claim.</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Deny Claim --}}
<div id="denyClaimModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header d-flex align-items-center">
                <h5 class="modal-title" id="myModalLabel">Are you sure you want to deny this claim?</h5>
                <button type="button" class="close ml-auto" data-dismiss="modal" aria-hidden="true">×</button>
            </div>
            <form method="POST" action="{{ route('claim-tagging', ['id' => $claim->claim_id, 'tag' => 'denied']) }}" class="my-form">
                @csrf
                <div class="modal-body">
                    <label>Remarks to Claimant : <small>(optional)</small></label>
                    <textarea class="form-control" rows="10" placeholder="Type your remarks here..." name="remarks"></textarea>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-dismiss="modal">No</button>
                    <button type="submit" class="btn btn-primary btnSubmit">Yes, deny this claim.</button>
                </div>
            </form>
        </div>
    </div>
</div>



{{-- Pick Claim for Adjuster --}}
<div id="pickModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header d-flex align-items-center">
                <h4 class="modal-title" id="myModalLabel"></h4>
                <button type="button" class="close ml-auto" data-dismiss="modal" aria-hidden="true">×</button>
            </div>
            <div class="modal-body">
                Are you sure you want to assign this claim to you?
            </div>
            <div class="modal-footer">
                <form action ="{{route('pick-claim')}}" method="Post" class="my-form">
                    @csrf
                    <input type="hidden" value="{{$claim->claim_id}}" name="claim_id">
                    <input type="hidden" value="@if(isset($adjuster->adjuster_id)) {{$adjuster->adjuster_id}} @endif" name="adjuster_id">
                    <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary btnSubmit">Yes</button>
                </form>
            </div>
        </div>
    </div>
</div>

{{-- Assign Adjuster --}}
<div id="assignModal" class="modal fade" tabindex="" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header d-flex align-items-center">
                <h4 class="modal-title" id="myModalLabel">Assign Claim to Adjuster</h4>
                <button type="button" class="close ml-auto" data-dismiss="modal" aria-hidden="true">×</button>
            </div>
            <form action ="{{route('pick-claim')}}" method="Post" class="my-form">
                @csrf
                <div class="modal-body">
                    <div class="col-md-12">
                        <input type="hidden" value="{{$claim->claim_id}}" name="claim_id">
                        <label>Select Adjuster:</label>
                        <select name ="adjuster_id" class="select2 form-control" style="width: 100%">
                            @foreach ($alladjusters as $adj)
                                <option value="{{ $adj->adjuster_id }}" @if($claim->adjuster_id == $adj->adjuster_id) selected @endif>{{strtoupper($adj->adjuster_lastname) }}, {{strtoupper($adj->adjuster_firstname)}}  </option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="modal-footer">    
                    <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary btnSubmit" >Yes</button>
                </div>
            </form>
        </div>
    </div>
</div>


{{-- Cancel Claim --}}
<div id="cancelClaim" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header d-flex align-items-center">
                <h5 class="modal-title" id="myModalLabel">Cancel Claim</h5>
                <button type="button" class="close ml-auto" data-dismiss="modal" aria-hidden="true">×</button>
            </div>
            <form method="POST" action="{{ route('claim-tagging', ['id' => $claim->claim_id, 'tag' => 'cancelled', 'remarks' => NULL]) }}" class="my-form">
                @csrf
                <div class="modal-body">
                    <div class="form-group">
                        <p>Are you sure want to cancel this claim?</p>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-dismiss="modal">No</button>
                    <button type="submit" class="btn btn-danger btnSubmit">Yes, cancel this claim.</button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection