@extends('layout')
@section('title')
    <title>{{ __('translate.Manage Kyc') }}</title>
@endsection
@section('body-content')
<main>
    @php
        use App\Constants\Status;
    @endphp
    <!-- dashboard-part-start -->
    <section class="dashboard footer-top-pad">
        <div class="container">
            <div class="row">
                @include('profile.sidebar')

                @if ($kyc)
                <div class=" col-xxl-9 col-xl-8 col-lg-8">
                    <!-- crancy Table -->
                        <div class="dashboard-ad-listing-box">
                            <div class="dashboard-ad-listing-box-icon-main">
                                <div class="dashboard-ad-listing-box-icon">
                                    <div class="dashboard-ad-listing-box-thumb">
                                        <a href="{{  custom_asset($kyc->file) }}">
                                            <img width="120" src="{{  custom_asset($kyc->file, '120x64') }}" alt="">
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <h2>{{ $kyc->kyc_type->name}}</h2>
                            <h5>{{ $kyc->message}}</h5>
                                @if ($kyc->status == Status::PENDING)
                                    <a class="main-btn btn btn-dark">
                                        <div class="homec-dashboard-property__label">{{__('translate.Pending')}}</div>
                                    </a>
                                @elseif ($kyc->status == Status::APPROVED)
                                    <a class="main-btn btn btn-success">
                                        <div class="homec-dashboard-property__label">{{__('translate.Approved')}}</div>
                                    </a>
                                @elseif ($kyc->status == Status::REJECTED)
                                    <a class="main-btn btn btn-danger">
                                        <div class="homec-dashboard-property__label">{{__('translate.Reject')}}</div>
                                    </a>
                                @endif
                        </div>
                    <!-- End KYC Table -->
                </div>
                @else
                    <div class=" col-xxl-9 col-xl-8 col-lg-8">
                            <!-- Kyc Veryfication  -->
                        <form action="{{ route('user.kyc-submit') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="row login-bg">

                                    <div class="col-lg-6">
                                        <div class="login-head">
                                            <h3>{{ __('translate.Manage Kyc') }}</h3>
                                        </div>

                                            <div class="description-item">
                                                <div class="description-item-inner">
                                                    <label class="form-label">{{ __('translate.Sub Category') }}
                                                        <span>*</span> </label>
                                                    <select class="form-select" name="kyc_id">
                                                        <option value="">{{__('translate.Select Type')}}</option>
                                                        @foreach ($kycType as $type)
                                                            <option  {{ $type->id == old('kyc_id') ? 'selected' : '' }} value="{{ $type->id }}">{{ $type->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="description-item">
                                                <div class="description-item-inner">
                                                    <label class="form-label">{{ __('translate.Message') }}
                                                        </label>
                                                    <textarea class="form-control" rows="4"
                                                        placeholder="{{ __('translate.Message') }}" name="message" id="message">{{ old('message') }}</textarea>
                                                </div>
                                            </div>


                                            <div class="login-form-item-btn">
                                                <button type="submit" class="main-btn two">{{ __('translate.Submit') }}</button>
                                                <a href="" class="main-btn">{{ __('translate.Cancel') }}</a>
                                            </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <div class="login-img">
                                            <!-- Upload New Image  -->
                                            <div class="col-lg-12">
                                                <div class="car-images">
                                                    <div class="car-images-inner">

                                                        <div class="uplode-thumb-main">
                                                            <div class="uplode-thumb">
                                                                <img src="{{  custom_asset($setting->placeholder_image, '120x64') }}" alt="thumb" id="file">
                                                            </div>
                                                            <div class="uplode-thumb-main-item">
                                                                <p>{{ __('translate.Select') }} <span>{{ __('translate.New File') }}</span> {{ __('translate.to Upload') }}</p>
                                                                <input type="file" id="my-file" onchange="previewImage(event)" name="file">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                            </div>
                        </form>
                    </div>
                @endif
            </div>
        </div>
        </div>
    </section>

    <!-- dashboard-part-end -->

    @include('profile.logout')
</main>

@endsection

@push('js_section')
    <script>
        function previewImage(event) {
            var reader = new FileReader();
            reader.onload = function(){
                var output = document.getElementById('file');
                output.src = reader.result;
            }

            reader.readAsDataURL(event.target.files[0]);
        };

    </script>

@endpush