@extends('admin.layouts.layouts')

@section('title', 'View Farmer User')

@section('content')
<style>
    .productSelectId {
        pointer-events: none;
        background-color: #eee;
    }

    .img-fluid.gallery-img {
        cursor: pointer;
    }

    .list-unstyled li {
        padding: 2px 0;
        border-bottom: 1px dashed #eee;
    }

    .float-end {
        float: right;
    }

    .profile-img {
        width: 100px;
        height: 100px;
        object-fit: cover;
        border-radius: 50%;
    }

    .icon {
        width: 20px;
        margin-right: 8px;
    }

    .section-title {
        font-weight: bold;
    }

    .scroll-container {
        scroll-behavior: smooth;
    }

    .hide-scrollbar::-webkit-scrollbar {
        display: none; /* Chrome, Safari */
    }

    .hide-scrollbar {
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE and Edge */
    }

    hr {
        border-top: 1px solid #0000004d; /* Slightly darker for visibility */
        margin: 0px 0 10px 0; /* Ensure spacing */
    }
</style>

<div class="page-header">
    <h3 class="page-title">
        Farmer User
    </h3>
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{ route('farmer.index') }}">Farmer User</a></li>
            <li class="breadcrumb-item active" aria-current="page">View</li>
        </ol>
    </nav>
</div>
<div class="container py-4">
    <div class="card-header bg-light d-flex justify-content-between align-items-center">
        <h5 class="mb-0 fw-bold">Farmer User View</h5>
        <a href="{{ route('farmer.index') }}" class="btn btn-primary btn-sm">
            &larr; Back
        </a>
    </div>
    <div class="card p-4 shadow">
        <div class="d-flex justify-content-between align-items-center">
            <div>
                <h6 class="text-muted">{{ $showDetails->farmer_code ?? '-' }}</h6>
                <h4>{{ $showDetails->farmer_name ?? '-' }}</h4>
                <div class="mt-3">
                    <p class="mb-1">
                        <img src="https://cdn-icons-png.flaticon.com/512/597/597177.png" class="icon">
                        {{ $showDetails->phone_number ?? '-' }}
                    </p>
                    <p class="mb-1">
                        <img src="https://cdn-icons-png.flaticon.com/512/732/732200.png" class="icon">
                        {{ $showDetails->email ?? '-' }}
                    </p>
                    <p class="mb-1">
                        <img src="https://cdn-icons-png.flaticon.com/512/854/854878.png" class="icon">
                        {{ $showDetails->address ?? '-' }}
                    </p>
                    <p class="mb-1">
                        Created Date:
                        <b>{{ $showDetails->created_at->format('d-m-Y') ?? '-' }}</b>
                    </p>
                    <p>
                        Created By:
                        <b>{{ $showDetails->users->name ?? '-' }}</b>
                    </p>
                </div>
            </div>
            <img src="{{ asset($showDetails->photo ?? 'assets/images/faces/user-acc.png') }}" class="profile-img" alt="Farmer Photo">
        </div>

        <div class="row mt-4">
            <!-- KYC Details -->
            <div class="col-md-4 mb-3">
                <div class="border rounded p-3 h-100">
                    <div class="section-title mb-1">KYC Details</div>
                    <hr>
                    <p class="mb-1">Aadhar Card Number<br><strong>{{ $showDetails->aadhar_number ?? '-' }}</strong></p>
                    <p class="mb-1">
                        Aadhar Card Front &nbsp;
                        @if ($showDetails->aadhar_front && file_exists(public_path('storage/' . $showDetails->aadhar_front)))
                            @php
                                $extension = strtolower(pathinfo($showDetails->aadhar_front, PATHINFO_EXTENSION));
                                // $isImage = in_array($extension, ['jpeg', 'png', 'jpg']);
                                $isImage = ['jpeg', 'png', 'jpg'];
                                $fileName = basename($showDetails->aadhar_front);
                            @endphp

                            @if (in_array(strtolower($extension), $isImage))
                                <a class="gallery-img" src="{{ asset('storage/' . $showDetails->aadhar_front) }}" style="cursor: pointer;">
                                    <i class="fas fa-eye"></i>
                                </a>
                            @else
                                <a href="{{ asset('storage/' . $showDetails->aadhar_front) }}" target="_blank" style="color: black;" download="{{ $showDetails->aadhar_front_basename }}">
                                    <i class="fas fa-download"></i>
                                </a>
                            @endif
                        @else
                            <span class="text-muted">Not uploaded</span>
                        @endif
                    </p>
                    <p class="mb-1">
                        Aadhar Card Back &nbsp;
                        @if ($showDetails->aadhar_back && file_exists(public_path('storage/' . $showDetails->aadhar_back)))
                            @php
                                $extension = strtolower(pathinfo($showDetails->aadhar_back, PATHINFO_EXTENSION));

                                $isImage = ['jpeg', 'png', 'jpg'];
                                $fileName = basename($showDetails->aadhar_back);
                            @endphp

                            @if (in_array(strtolower($extension), $isImage))
                                <a class="gallery-img" src="{{ asset('storage/' . $showDetails->aadhar_back) }}" style="cursor: pointer;">
                                    <i class="fas fa-eye"></i>
                                </a>
                            @else
                                <a href="{{ asset('storage/' . $showDetails->aadhar_back) }}" target="_blank" style="color: black;" download="{{ $showDetails->aadhar_back_basename }}">
                                    <i class="fas fa-download"></i>
                                </a>
                            @endif
                        @else
                            <span class="text-muted">Not uploaded</span>
                        @endif
                    </p>
                    <p class="mb-1">PAN Card Number<br><strong>{{ $showDetails->pan_number ?? '-' }}</strong></p>
                    <p class="mb-1">
                        Pan Card &nbsp;
                        @if ($showDetails->pan_file && file_exists(public_path('storage/' . $showDetails->pan_file)))
                            @php
                                $extension = strtolower(pathinfo($showDetails->pan_file, PATHINFO_EXTENSION));

                                $isImage = ['jpeg', 'png', 'jpg'];
                                $fileName = basename($showDetails->pan_file);
                            @endphp

                            @if (in_array(strtolower($extension), $isImage))
                                <a class="gallery-img" src="{{ asset('storage/' . $showDetails->pan_file) }}" style="cursor: pointer;">
                                    <i class="fas fa-eye"></i>
                                </a>
                            @else
                                <a href="{{ asset('storage/' . $showDetails->pan_file) }}" target="_blank" style="color: black;" download="{{ $showDetails->pan_basename }}">
                                    <i class="fas fa-download"></i>
                                </a>
                            @endif
                        @else
                            <span class="text-muted">Not uploaded</span>
                        @endif
                    </p>
                </div>
            </div>

            <!-- Bank Details -->
            <div class="col-md-4 mb-3">
                <div class="border rounded p-3 h-100 d-flex flex-column" style="min-height: 100%;">
                    <div class="section-title mb-1">Bank Details</div>
                    <hr>

                    <!-- Scrollable area -->
                    <div style="max-height: 200px; overflow-y: auto; padding-right: 10px;" class="hide-scrollbar">
                        <p class="mb-1">Bank Name<br><strong>{{ $showDetails->bank_name ?? '-' }}</strong></p>
                        <p class="mb-1">Account Number<br><strong>{{ $showDetails->account_no ?? '-' }}</strong></p>
                        <p class="mb-1">IFSC Code<br><strong>{{ $showDetails->ifsc_code ?? '-' }}</strong></p>
                        @if (count($bankBlankChequeDetails) > 0 && isset($bankBlankChequeDetails))
                            @foreach ($bankBlankChequeDetails as $bankBlankChequeDetail)
                                <p class="mb-1">
                                    Cheque Image
                                    @if ($bankBlankChequeDetail->blank_cheque && file_exists(public_path('storage/' . $bankBlankChequeDetail->blank_cheque)))
                                        @php
                                            $extension = strtolower(pathinfo($bankBlankChequeDetail->blank_cheque, PATHINFO_EXTENSION));
                                            $isImage = ['jpeg', 'png', 'jpg'];
                                            $fileName = basename($bankBlankChequeDetail->blank_cheque);
                                        @endphp

                                        @if (in_array(strtolower($extension), $isImage))
                                            <a class="gallery-img" src="{{ asset('storage/' . $bankBlankChequeDetail->blank_cheque) }}" style="cursor: pointer;">
                                                <i class="fas fa-eye"></i>
                                            </a>
                                        @else
                                            <a href="{{ asset('storage/' . $bankBlankChequeDetail->blank_cheque) }}" target="_blank" style="color: black;" download="{{ $bankBlankChequeDetail->blank_cheque_basename }}">
                                                <i class="fas fa-download"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted">Not uploaded</span>
                                    @endif
                                </p>
                                <p class="mb-1">Cheque Number<br><strong>{{ $bankBlankChequeDetail->cheque_number ?? '-' }}</strong></p>
                            @endforeach
                        @endif
                    </div> <!-- End scrollable -->
                </div>
            </div>

            <!-- Product Details -->
            <div class="col-md-4 mb-3">
                <div class="border rounded p-3 h-100 d-flex flex-column" style="min-height: 100%;">
                    <div class="section-title mb-2">Contract Detail</div>
                    <hr>

                    <!-- Scrollable area -->
                    <div style="max-height: 200px; overflow-y: auto; padding-right: 10px; scrollbar-width: none; -ms-overflow-style: none;" class="hide-scrollbar">
                        <p class="mb-1">Sales Person<br><strong>{{ $showDetails->employeeMaster->employee_name ?? '-' }}</strong></p>

                        @if (isset($latestContractDetail))
                            <p class="mb-1">
                                Current Contract &nbsp;
                                @if ($latestContractDetail->contract && file_exists(public_path('storage/' . $latestContractDetail->contract)))
                                    @php
                                        $extension = strtolower(pathinfo($latestContractDetail->contract, PATHINFO_EXTENSION));
                                        $isImage = ['jpeg', 'png', 'jpg'];
                                        $fileName = basename($latestContractDetail->contract);
                                    @endphp

                                    @if (in_array($extension, $isImage))
                                        <a class="gallery-img" src="{{ asset('storage/' . $latestContractDetail->contract) }}" style="cursor: pointer;">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                    @else
                                        <a href="{{ asset('storage/' . $latestContractDetail->contract) }}" target="_blank" style="color: black;" download="{{ $showDetails->contract_basename }}">
                                            <i class="fas fa-download"></i>
                                        </a>
                                    @endif
                                @else
                                    <span class="text-muted">Not uploaded</span>
                                @endif
                            </p>

                            <p class="mb-1">Start Date<br><strong>{{ \Carbon\Carbon::parse($latestContractDetail->start_date)->format('d/m/Y') ?? '-' }}</strong></p>
                            <p class="mb-1">End Date<br><strong>{{ \Carbon\Carbon::parse($latestContractDetail->end_date)->format('d/m/Y') ?? '-' }}</strong></p>

                            <p class="mb-1">Products</p>
                            @if(isset($productItems) && count($productItems))
                                <ul class="list-unstyled mb-1">
                                    @foreach($productItems as $item)
                                        <li>
                                            <strong>{{ $item['name'] }}</strong>
                                            <span class="float-end">Rs. {{ $item['rate'] }}</span>
                                        </li>
                                    @endforeach
                                </ul>
                            @else
                                <p><strong>-</strong></p>
                            @endif
                        @endif
                    </div> <!-- End scrollable -->
                </div>
            </div>

        </div>
    </div>
</div>
<div class="container py-4">

    <div class="card shadow-sm rounded border-0">
        <div class="card-header bg-light d-flex justify-content-between align-items-center">
            <h5 class="mb-0 fw-bold">Contract History</h5>
            {{-- @can('farmer-contract-create')
            <a href="{{ route('farmer.contract-create', $showDetails->id) }}" class="btn btn-primary btn-sm">
                New Contract
            </a>
            @endcan --}}
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-12">
                    <div class="table-responsive">
                        <table id="farmer-contract-table" class="table w-100">
                            <thead>
                                <tr>
                                    <th>No</th>
                                    <th>Start Date</th>
                                    <th>End Date</th>
                                    <th>Created Date</th>
                                    <th>Created By</th>
                                    <th>Updated Date</th>
                                    <th>Updated By</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@can('my-farm-list')
<div class="container py-4">

    <div class="card shadow-sm rounded border-0">
        <div class="card-header bg-light d-flex justify-content-between align-items-center">
            <h5 class="mb-0 fw-bold">Farm List</h5>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-12">
                    <div class="table-responsive">
                        <table id="farmer-farm-table" class="table w-100">
                            <thead>
                                <tr>
                                    <th>No</th>
                                    <th>Farm Name</th>
                                    <th>Regulator</th>
                                    <th>Land Record Number</th>
                                    <th>Created At</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endcan

<div class="modal fade" id="farmerContractModal" tabindex="-1" role="dialog" aria-labelledby="farmerContractModalLabel" 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" id="farmerContractModalLabel">Edit Farmer User Contract</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form method="POST" id="farmerContractForm" action="javascript:void(0)" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="farmer_id" id="farmer_id">
                <input type="hidden" name="contract_id" id="contract_id">
                <div class="modal-body">
                    <div class="form-group">
                        <label for="image" class="form-label">Contract <span class="text-danger">*</span></label>
                        <div class="input-group">
                            <input type="file" name="image" id="image" class="form-control"
                                data-parsley-trigger="keyup"
                                data-parsley-required-message="Please upload image"
                                data-parsley-filetype="pdf,jpg,jpeg,png"
                                data-parsley-accept="image/jpg, image/jpeg, image/png, pdf"
                                onchange="previewContract(this)">

                            <div class="input-group-append contract-preview-wrapper d-none">
                                <a id="previewContract" href="" download target="_blank" class="btn btn-primary"><i class="fa fa-download"></i></a>
                            </div>
                        </div>
                        <span class="text-danger" id="image_error">{{ $errors->first('image') }}</span>
                    </div>

                    <div class="form-group">
                        <label for="start_date" class="form-label">Start Date <span class="text-danger">*</span></label>
                        <input type="text" name="start_date" id="start_date" class="form-control startDate"
                            placeholder="Select Start Date" data-parsley-required data-parsley-datecustom
                            data-parsley-trigger='keyup' data-parsley-required-message="Please select start date"
                            data-parsley-errors-container='#start_date_error'>
                        <div class="invalid-feedback" id="start_date_error"></div>
                    </div>

                    <div class="form-group">
                        <label for="end_date" class="form-label">End Date <span class="text-danger">*</span></label>
                        <input type="text" name="end_date" id="end_date" class="form-control endDate"
                            placeholder="Select End Date" data-parsley-required data-parsley-datecustom
                            data-parsley-trigger='keyup' data-parsley-required-message="Please select end date"
                            data-parsley-errors-container='#end_date_error'>
                        <div class="invalid-feedback" id="end_date_error"></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary" id="modalSubmitBtn">Update</button>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="modal fade" id="renewFarmerProductModal" tabindex="-1" role="dialog" aria-labelledby="renewFarmerProductModalLabel" 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" id="renewFarmerProductModalLabel">Renew Farmer User Product</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form method="POST" id="renewFarmerProductForm" action="javascript:void(0)" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="farmer_id" id="farmer_id_renew">
                <input type="hidden" name="product_id" id="product_id_renew">
                <div class="modal-body">
                    <div class="form-group">
                        <label for="image" class="form-label">Contract <span class="text-danger">*</span></label>
                        <div class="input-group">
                            <input type="file" name="image" id="image" class="form-control"
                                data-parsley-trigger="keyup"
                                data-parsley-required-message="Please upload image"
                                data-parsley-filetype="pdf,jpg,jpeg,png"
                                data-parsley-accept="image/jpg, image/jpeg, image/png, pdf"
                                onchange="previewContract(this)">

                            <div class="input-group-append image-preview-wrapper d-none">
                                <img id="previewContract" src="{{ asset('assets/images/noimage/no-image.jpeg') }}"
                                    alt="Preview" width="65" height="65" class="crudEdit img-thumbnail me-3">
                            </div>
                        </div>
                        <span class="text-danger" id="image_error">{{ $errors->first('image') }}</span>
                    </div>

                    <div class="form-group">
                        <label for="start_date" class="form-label">Start Date <span class="text-danger">*</span></label>
                        <input type="text" name="start_date" id="startDate" class="form-control startDate"
                            placeholder="Select Start Date" data-parsley-required data-parsley-datecustom
                            data-parsley-trigger='keyup' data-parsley-required-message="Please select start date"
                            data-parsley-errors-container='#start_date_error'>
                        <div class="invalid-feedback" id="start_date_renew_error"></div>
                    </div>

                    <div class="form-group">
                        <label for="end_date" class="form-label">End Date <span class="text-danger">*</span></label>
                        <input type="text" name="end_date" id="endDate" class="form-control endDate"
                            placeholder="Select End Date" data-parsley-required data-parsley-datecustom
                            data-parsley-trigger='keyup' data-parsley-required-message="Please select end date"
                            data-parsley-errors-container='#end_date_error'>
                        <div class="invalid-feedback" id="end_date_renew_error"></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary" id="renewModalSubmitBtn">Renew</button>
                </div>
            </form>
        </div>
    </div>
</div>

<div id="imageModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="imageModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-md" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="imageModalLabel">Image Preview</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body text-center">
                <img src="" id="modalImage" class="img-fluid" alt="Image Preview">
            </div>
        </div>
    </div>
</div>
@endsection
@section('page-js')
<script type="text/javascript">
    var farmerId = "{{ $showDetails->id }}";
    var farmerContractIndexURL = "{{ route('farmer.contract-list') }}";
    var farmerContractUpdateURL = "{{ route('farmer.contract-update') }}";
    var farmerContractRenew = "{{ route('farmer.contract-renew-store') }}";
    var myFarmAjaxList = "{{ route('farmer.farm-ajax') }}";
</script>
<script src="{{ asset('assets/js/admin/farmer-show.js') }}"></script>
@endsection