@extends('layouts.'.env('THEME'))

<style>
.panel-collapse {
    font-size: 11px;
}
</style>

@section('content')

<div class="container" id="main-container">

    <a href="/customer/{{ $lead->id }}" class="btn btn-primary my-3">
        < Customer
    </a>
    <br />

    <x-section_heading title="Claim voucher" subtitle="Submit the voucher as claimed on BDUK" rowclass="mt-5"/>


    <div class="row mb-3">
        <div class="col-12">
            <strong>{!! $lead->fullname !!}</strong><br />
            {!! $lead->address->full() !!} {!! $lead->getEmail() !!}<br />
            <strong>{!! $lead->dcms_voucher !!}</strong> {!! config('enum.voucher_consent_states')[$lead->voucher_consent] !!}<br />
            <div class="row mb-2">
                <div class="col-12 mt-2" style="text-decoration: underline;">
                    Installed/delivery date
                </div>
                <div class="col-12">
                    @if(empty($lead->install_date))
                        {!! Form::datetimeLocal('install_date', null, ['id' => 'install_date_input']) !!}
                        <button type="button" id="installed-now">Now</button>
                    @else
                        {!! Form::datetimeLocal('install_date',
                            $lead->install_date->format('Y-m-d\TH:m')) !!}
                    @endif
                </div>
            </div>

            <div class="row mb-2">
                <div class="col-12">
                    <button id="claimVoucherBtn" class="primary">
                        Claim
                    </button>
                </div>
            </div>

        </div>
    </div>

    <div id="progress-log" class="mb-5"></div>

</div>
@endsection

@section('script')
     @include('admin.customers.voucher_async.voucher_async_script')
@endsection