@extends('web.layouts.container')

@section('css')
    <!--<link rel="stylesheet" href="{{ asset('assets/web/css/lib/datepicker.min.css') }}" />-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
    
    
    <script src="https://www.google.com/recaptcha/api.js"></script>
    
    <style>
        
    </style>
@endsection

@section('header')

    <!--inner header-->
    <section class="inner_header">
        <div class="inner_back">
            <h1 class="pg_title text-white"><b> {{ $title }} </b></h1>
            <img src="{{ asset($page->header_image ?? 'assets/web/images/whistleblowing_bg.png') }}" alt="{{ $title }}" />
        </div>
    </section>
    <!--End inner header-->

@endsection

@section('content')
    <!-- Start whistleblowing-pg -->
    <section class="whistleblowing-pg ">
        <div class="container">
            <div class="inner">
                <div class="row">
                    <div class="col-lg-7">
                        <div class="box_inner">
                            <div class="section_head">
                                <h3>{{ $title }}</h3>
                            </div>
                            <p class="det mb-5">{{ __('visitorMessages.whistleblowing_note') }}</p>
                            <form action="{{route('send_whistleblowing')}}" method="post" class="form whistleblowing_form" enctype="multipart/form-data">
                                @csrf
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <input type="text" class="form-control" name="name" placeholder="{{__('visitorMessages.name')}}" required>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <input type="text" class="form-control" name="email" placeholder="{{__('visitorMessages.email_optional')}}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <input class="datepicker form-control" data-date-format="dd/mm/yyyy" value="{{ date('d/m/Y') }}" readonly required name="request_date">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <input type="text" class="form-control" name="amount" placeholder="{{__('visitorMessages.amount_optional')}}">
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <select class="form-control form-select" name="type" id="selectType" required>
                                                <option selected disabled value="">{{__('visitorMessages.whistleblowing_type')}}</option>
                                                @foreach(__('visitorMessages.whistleblowing_types') as $key=> $type)
                                                    <option value="{{ $type }}">{{ $type }}</option>
                                                @endforeach
                                                <option value="other">{{__('visitorMessages.Other')}}</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-12" id="otherBox">
                                        <div class="form-group">
                                            <input class="form-control" placeholder="{{__('visitorMessages.whistleblowing_type')}}" type="text" name="type_other" id="type_other"/>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <textarea class="form-control" name="description" rows="7" required placeholder="{{__('visitorMessages.description')}}..."></textarea>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="fileUpload mt-3">
                                            <span class="origin">{{__('visitorMessages.upload_file')}} <img src="{{ asset('assets/web/images/upload_icon.svg') }}" alt="" class="icon"/></span>
                                            <span class="upload_txt d-none"></span>
                                            <input type="file" class="uploadlogo" name="file" accept="image/*,.pdf" />
                                        </div>
                                        <p class="types"><small>JPG, PNG, PDF</small></p>
                                    </div>
                                    <div class="col-md-12">
                                        <p class="desc mt-4">
                                            {{ strip_tags($description) }}
                                        </p>
                                    </div>
                                    
                                    {{--<div class="form-group mt-3">
                                        <div class="col-sm-offset-3 col-sm-9">
                                            <div class="g-recaptcha" data-sitekey="{{ env('GOOGLE_RECAPTCHA_KEY') }}"></div>
                                        </div>
                                    </div>--}}
                                    <div class="col-md-12">
                                        <button class="butn mt-4 whistleblow_butn" type="submit">{{__('visitorMessages.send')}}</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <img src="{{ asset($page->image) }}" alt="" class="sec_img"/>
                    </div>
                </div>

            </div>
        </div>
    </section>
    
@endsection

@section('inner_js')
<!--<script src="{{ asset('assets/web/js/lib/datepicker.min.js') }}"></script>-->
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
<script src="{{ asset('assets/web/js/whistleblowing.js') }} "></script>
@endsection