@extends('layouts.main')

@section('head')

<meta charset="utf-8">
<title>PPA Upload</title>
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<meta content="Store Dashboard" name="description">
<meta content="" name="author">
<meta http-equiv="X-UA-Compatible" content="IE=edge"><!-- App favicon -->

@endsection

@section('otherCss')
    <link href="{{ asset('plugins/dropify/css/dropify.min.css') }}" rel="stylesheet">
@endsection

@section('contents')

<div class="container-fluid">
    <!-- Page-Title -->
    <x-bread-crumbs>
        <div class="float-right">
            <ol class="breadcrumb">
                {{-- <li class="breadcrumb-item"><a href="javascript:void(0);">Crovex</a></li> --}}
                {{-- <li class="breadcrumb-item"><a href="javascript:void(0);">Dashboard</a></li> --}}
                <li class="breadcrumb-item active">Upload Data</li>
            </ol>
        </div>
        <h4 class="page-title">MSPDCL Surya Ghar</h4>
    </x-bread-crumbs>

    <div class="row justify-content-center">
        <div class="col-lg-9">
            <div class="card">
                <div class="card-body">
                    <h4 class="mt-0 header-title">Upload Your Data</h4>
                    <p class="text-muted mb-3">All the fields are required!</p>
                    @if(isset($consumer->ppaUploads) && $consumer->ppaUploads->status == 'rejected')
                        <div class="alert alert-warning">
                            <strong>Remarks:</strong> {{ $consumer->ppaUploads->rejection_reason ?? 'No rejection notes provided.' }}. Please resubmit your PPA Agreement with the necessary corrections.
                        </div>
                    @endif
                    <form id="upload-ppa-agreement-form">
                        {{-- <div class="form-group">
                            <label for="exampleInputEmail1">Email address</label> 
                            <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
                            <small id="emailHelp" class="form-text text-muted">
                                We'll never share your email with anyone else.
                            </small>
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">Password</label> 
                            <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
                        </div> --}}

                        <div class="form-group">
                            <label for="signed-ppa">Upload Your Signed PPA</label> 
                            @if(isset($consumer->ppaUploads) && $consumer->ppaUploads->status !== 'rejected')
                            <input type="file" id="signed-ppa" class="dropify" disabled="" data-default-file="{{ asset('uploads/ppa/'.$consumer->ppaUploads->ppa_agreement) }}" />
                            @else
                            <input type="file" id="signed-ppa" class="dropify" />
                            @endif
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="aadhaar-file">Upload Your Aadhaar</label> 
                                    @if(isset($consumer->ppaUploads) && $consumer->ppaUploads->status !== 'rejected')
                                    <input type="file" id="aadhaar-file" class="dropify" disabled="" data-default-file="{{ asset('uploads/aadhaar/'.$consumer->ppaUploads->aadhaar) }}" />
                                    @else
                                    <input type="file" id="aadhaar-file" class="dropify" accept="image/*" />
                                    @endif
                                </div>
                            </div>
    
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="bank-details">Upload Your Bank Account Details <small>Pass Book/Cheque</small></label> 
                                    @if(isset($consumer->ppaUploads) && $consumer->ppaUploads->status !== 'rejected')
                                    <input type="file" id="bank-details" class="dropify" disabled="" data-default-file="{{ asset('uploads/bank/'.$consumer->ppaUploads->bank_details) }}" />
                                    @else
                                    <input type="file" id="bank-details" class="dropify" accept="image/*" />
                                    @endif
                                </div>
                            </div>
                        </div>

                        @if(isset($consumer->ppaUploads) && $resubmit)
                        <div class="mb-3">
                            <label for="">Your Remarks</label>
                            <textarea class="form-control" rows="3" name="remarks" id="remarks" required>{!! $ppaUploadLogs->remarks ?? '' !!}</textarea>
                        </div>
                        @endif

                        @if(isset($consumer->ppaUploads) && $consumer->ppaUploads->status !== 'rejected')
                        <a href="{{ route('ppa.status') }}" class="btn btn-gradient-primary">Check Status</a>
                        @elseif(isset($consumer->ppaUploads) && $consumer->ppaUploads->status == 'rejected')
                        <div class="col-md-4">
                            <button type="submit" class="btn btn-gradient-primary w-100" id="upload-ppa-agreement">Resubmit</button>
                        </div>
                        @else
                        <button type="submit" class="btn btn-gradient-primary" id="upload-ppa-agreement">Submit</button> 
                        <button type="button" class="btn btn-gradient-danger">Cancel</button>
                        @endif
                    </form>
                </div>
                <!--end card-body-->
            </div>
            <!--end card-->
        </div>
    </div>
@endsection

@section('modals')
    <div class="modal fade" id="upload-ppa-modal" tabindex="-1" role="dialog" aria-labelledby="upload-ppa-modal-label" aria-hidden="true" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title mt-0" id="upload-ppa-modal-label">Upload in progress.</h5>
                </div>
                <div class="modal-body">
                    <p>Your file is being uploaded. Please do not closed the window or reload the page as it may disrupt the upload process.</p>
                    <div class="progress">
                        <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%" id="ppa-progress-bar">0%</div>
                    </div>
                </div>
                <div class="modal-footer d-none">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('otherJs')
<script src="{{ asset('plugins/dropify/js/dropify.min.js') }}"></script>
<script>
    $(".dropify").dropify();
</script>
@endsection