@php
    $edit = !is_null($dataTypeContent->getKey());
    $add  = is_null($dataTypeContent->getKey());
@endphp

@extends('voyager::master')

@section('css')
    <meta name="csrf-token" content="{{ csrf_token() }}">
@stop

@section('page_title', __('voyager::generic.'.($edit ? 'edit' : 'add')).' '.$dataType->getTranslatedAttribute('display_name_singular'))

@section('page_header')
    <h1 class="page-title">
        <i class="{{ $dataType->icon }}"></i>
        {{ __('voyager::generic.'.($edit ? 'edit' : 'add')).' '.$dataType->getTranslatedAttribute('display_name_singular') }}
    </h1>
    @include('voyager::multilingual.language-selector')
@stop

@section('content')
    <div class="page-content edit-add container-fluid">
        <div class="row">
            <div class="col-md-12">

                <div class="panel panel-bordered">
                    <!-- form start -->
                    <form role="form"
                            class="form-edit-add"
                            action="{{ $edit ? route('voyager.'.$dataType->slug.'.update', $dataTypeContent->getKey()) : route('voyager.'.$dataType->slug.'.store') }}"
                            method="POST" enctype="multipart/form-data">
                        <!-- PUT Method if we are editing -->
                        @if($edit)
                            {{ method_field("PUT") }}
                        @endif

                        <!-- CSRF TOKEN -->
                        {{ csrf_field() }}

                        <div class="panel-body">

                            @if (count($errors) > 0)
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif

                            <!-- Adding / Editing -->
                            @php
                                $dataTypeRows = $dataType->{($edit ? 'editRows' : 'addRows' )};
                            @endphp

                            @foreach($dataTypeRows as $row)
                                <!-- GET THE DISPLAY OPTIONS -->
                                @php
                                    $display_options = $row->details->display ?? NULL;
                                    if ($dataTypeContent->{$row->field.'_'.($edit ? 'edit' : 'add')}) {
                                        $dataTypeContent->{$row->field} = $dataTypeContent->{$row->field.'_'.($edit ? 'edit' : 'add')};
                                    }
                                @endphp
                                @if (isset($row->details->legend) && isset($row->details->legend->text))
                                    <legend class="text-{{ $row->details->legend->align ?? 'center' }}" style="background-color: {{ $row->details->legend->bgcolor ?? '#f0f0f0' }};padding: 5px;">{{ $row->details->legend->text }}</legend>
                                @endif

                                <div class="form-group @if($row->type == 'hidden') hidden @endif col-md-{{ $display_options->width ?? 6 }} {{ $errors->has($row->field) ? 'has-error' : '' }}" @if(isset($display_options->id)){{ "id=$display_options->id" }}@endif>
                                    {{ $row->slugify }}
                                    <label class="control-label" for="name">{{ $row->getTranslatedAttribute('display_name') }}</label>
                                    @include('voyager::multilingual.input-hidden-bread-edit-add')
                                    @if ($add && isset($row->details->view_add))
                                        @include($row->details->view_add, ['row' => $row, 'dataType' => $dataType, 'dataTypeContent' => $dataTypeContent, 'content' => $dataTypeContent->{$row->field}, 'view' => 'add', 'options' => $row->details])
                                    @elseif ($edit && isset($row->details->view_edit))
                                        @include($row->details->view_edit, ['row' => $row, 'dataType' => $dataType, 'dataTypeContent' => $dataTypeContent, 'content' => $dataTypeContent->{$row->field}, 'view' => 'edit', 'options' => $row->details])
                                    @elseif (isset($row->details->view))
                                        @include($row->details->view, ['row' => $row, 'dataType' => $dataType, 'dataTypeContent' => $dataTypeContent, 'content' => $dataTypeContent->{$row->field}, 'action' => ($edit ? 'edit' : 'add'), 'view' => ($edit ? 'edit' : 'add'), 'options' => $row->details])
                                    @elseif ($row->type == 'relationship')
                                        @include('voyager::formfields.relationship', ['options' => $row->details])
                                    @else
                                        {!! app('voyager')->formField($row, $dataType, $dataTypeContent) !!}
                                    @endif

                                    @foreach (app('voyager')->afterFormFields($row, $dataType, $dataTypeContent) as $after)
                                        {!! $after->handle($row, $dataType, $dataTypeContent) !!}
                                    @endforeach
                                    @if ($errors->has($row->field))
                                        @foreach ($errors->get($row->field) as $error)
                                            <span class="help-block">{{ $error }}</span>
                                        @endforeach
                                    @endif
                                </div>
                            @endforeach


                            <div class="col-md-12">
                                <hr>

                                <h3 id="buying-form-section">Buying Form (Instore Customer)</h3>
                                {{-- Left 6 --}}
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="compulsory_buying_price" class="control-label">Final Price</label>
                                        <input
                                            type="text"
                                            class="form-control"
                                            id="compulsory_buying_price"
                                            name="final_price"
                                            value="{{ old('final_price', $dataTypeContent->final_price ?? '') }}"
                                            oninput="validateInput(event)"
                                        >
                                        @error('compulsory_buying_price')
                                            <span class="help-block text-danger">{{ $message }}</span>
                                        @enderror
                                        <p id="compulsoryBuyingError" class="text-danger small"></p>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        @php
                                            // Expecting a nullable datetime field on the model (see migration below)
                                            $sentAt = $dataTypeContent->send_compulsory_buying_form ?? null;
                                            $sentLabel = $sentAt ? 'Resend' : 'Send';
                                            $sentHuman = $sentAt ? \Carbon\Carbon::parse($sentAt)->format('d/m/Y H:i') : '';
                                        @endphp

                                        <!-- <label class="control-label d-block">
                                            View Sent Email Template
                                            <a class="btn btn-primary btn-xs"
                                                target="_blank"
                                                href="{{ url('sent_email_view.php', [
                                                    'section_id' => $dataTypeContent->getKey(),
                                                    'form' => 'Jewellery',
                                                    'type' => 'send_compulsory_buying_form_email_jewellery',
                                                    'backstr' => request()->fullUrl()
                                                ]) }}">
                                                <i class="mdi mdi-eye d-block font-size-10"></i>
                                            </a>
                                        </label> -->

                                        <label class="control-label d-block mt-2">
                                            Send Compulsory Buying Form
                                            <br>
                                                                                        <button type="button"
                                                    id="send_compulsory_buying_form"
                                                    class="btn btn-primary"
                                                    onclick="sendCompulsoryBuyingForm({{ $dataTypeContent->getKey() }}, 'send_compulsory_buying_form_email')">
                                                {{ $sentLabel }}
                                            </button>
                                            <span id="email_sent_time_compulsory" class="ml-2 text-muted">{{ $sentHuman }}</span>
                                            <p id="success-message-compulsory-form" class="small text-success mb-0"></p>
                                        </label>

                                        <!-- <label class="control-label d-block mt-2">
                                            View Email Time Logs
                                            <a class="btn btn-primary btn-xs"
                                                target="_blank"
                                                href="{{ url('all_email_send_logs.php', [
                                                    'section_id' => $dataTypeContent->getKey(),
                                                    'section' => 'Jewellery',
                                                    'type' => 'send_compulsory_buying_form_email_jewellery',
                                                    'backstr' => request()->fullUrl()
                                                ]) }}">
                                                <i class="mdi mdi-eye d-block font-size-10"></i>
                                            </a>
                                        </label> -->
                                    </div>
                                </div>
                            </div>
                        
                        </div><!-- panel-body -->
                        

                        

                        <div class="panel-footer">
                            @section('submit-buttons')
                                <button type="submit" class="btn btn-primary save">{{ __('voyager::generic.save') }}</button>
                            @stop
                            @yield('submit-buttons')
                        </div>
                    </form>

                    <div style="display:none">
                        <input type="hidden" id="upload_url" value="{{ route('voyager.upload') }}">
                        <input type="hidden" id="upload_type_slug" value="{{ $dataType->slug }}">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade modal-danger" id="confirm_delete_modal">
        <div class="modal-dialog">
            <div class="modal-content">

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                            aria-hidden="true">&times;</button>
                    <h4 class="modal-title"><i class="voyager-warning"></i> {{ __('voyager::generic.are_you_sure') }}</h4>
                </div>

                <div class="modal-body">
                    <h4>{{ __('voyager::generic.are_you_sure_delete') }} '<span class="confirm_delete_name"></span>'</h4>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{ __('voyager::generic.cancel') }}</button>
                    <button type="button" class="btn btn-danger" id="confirm_delete">{{ __('voyager::generic.delete_confirm') }}</button>
                </div>
            </div>
        </div>
    </div>
    <!-- End Delete File Modal -->
@stop

@section('javascript')
    <script>
        var params = {};
        var $file;

        function deleteHandler(tag, isMulti) {
          return function() {
            $file = $(this).siblings(tag);

            params = {
                slug:   '{{ $dataType->slug }}',
                filename:  $file.data('file-name'),
                id:     $file.data('id'),
                field:  $file.parent().data('field-name'),
                multi: isMulti,
                _token: '{{ csrf_token() }}'
            }

            $('.confirm_delete_name').text(params.filename);
            $('#confirm_delete_modal').modal('show');
          };
        }

        $('document').ready(function () {
            $('.toggleswitch').bootstrapToggle();

            //Init datepicker for date fields if data-datepicker attribute defined
            //or if browser does not handle date inputs
            $('.form-group input[type=date]').each(function (idx, elt) {
                if (elt.hasAttribute('data-datepicker')) {
                    elt.type = 'text';
                    $(elt).datetimepicker($(elt).data('datepicker'));
                } else if (elt.type != 'date') {
                    elt.type = 'text';
                    $(elt).datetimepicker({
                        format: 'L',
                        extraFormats: [ 'YYYY-MM-DD' ]
                    }).datetimepicker($(elt).data('datepicker'));
                }
            });

            @if ($isModelTranslatable)
                $('.side-body').multilingual({"editing": true});
            @endif

            $('.side-body input[data-slug-origin]').each(function(i, el) {
                $(el).slugify();
            });

            $('.form-group').on('click', '.remove-multi-image', deleteHandler('img', true));
            $('.form-group').on('click', '.remove-single-image', deleteHandler('img', false));
            $('.form-group').on('click', '.remove-multi-file', deleteHandler('a', true));
            $('.form-group').on('click', '.remove-single-file', deleteHandler('a', false));

            $('#confirm_delete').on('click', function(){
                $.post('{{ route('voyager.'.$dataType->slug.'.media.remove') }}', params, function (response) {
                    if ( response
                        && response.data
                        && response.data.status
                        && response.data.status == 200 ) {

                        toastr.success(response.data.message);
                        $file.parent().fadeOut(300, function() { $(this).remove(); })
                    } else {
                        toastr.error("Error removing file.");
                    }
                });

                $('#confirm_delete_modal').modal('hide');
            });
            $('[data-toggle="tooltip"]').tooltip();
        });



        function sendCompulsoryBuyingForm(id,action){
            /*var assignedToValue = $("#assigned_to").val(); 
            if (!assignedToValue || assignedToValue.length === 0) {
                checkAssigned(assignedToValue);
                return false;
            }*/
            var $button = $('#send_compulsory_buying_form');
            var getCompulsoryPrice = $('#compulsory_buying_price').val();
            if(getCompulsoryPrice  == '' || getCompulsoryPrice  == '0'){
                $('#compulsoryBuyingError').html('Please fill this field').css('color','red');
                return false;
            }else{
                $('#compulsoryBuyingError').html('');
            }

            var finalValuation = $('#customer_final_valuation_update').val();
            
            $button.prop('disabled', true);
            $('#send_compulsory_buying_form').text('Sending'); 
            $.ajax({
                url: '{{ route('compulsory.emails.send') }}',   // ← use the named route
                type: 'POST',
                data: {
                    _token: '{{ csrf_token() }}', // Add CSRF token for security
                    id: id,
                    actionType: action,
                    getCompulsoryPrice:getCompulsoryPrice,
                    finalValuation:finalValuation
                },
                success: function(response) {
                                        // console.log(response.message);

                    let formattedDateTime = timeFormated(response.sent_at);
                    if (response.ok) {
                        $('#success-message-compulsory-form').html('Email Sent Successfully').css('color', 'green');
                        $('#send_compulsory_buying_form').text('Resend');
                        
                        // Hide the success message after 5 seconds
                        setTimeout(function() {
                            $('#success-message-compulsory-form').html('');
                        }, 4000);
                        console.log(response.sent_at);
                        $('#email_sent_time_compulsory').text(response.sent_at);
                        // $('#email_sent_time_compulsory').addClass('timeSet').html(formattedDateTime);
                        $button.prop('disabled', false);
                        // $('#sales_status').val(result.action_status).prop('selected', true).change();

                    }else{
                        $('#success-message-compulsory-form').html('Failed to send email').css('color', 'red');
                        // $('#email_sent_time_compulsory').addClass('timeSet').html(formattedDateTime);
                        setTimeout(function() {
                            $('#success-message-compulsory-form').html('');
                        }, 4000);
                        $button.prop('disabled', false);
                    }
                },
                error: function() {
                    console.log('Error');
                }
            });
        }

        function validateInput(event) {
            const input = event.target;
            const value = input.value.trim();
            const isValid = /^\d+$/.test(value); // Regular expression to match only digits

            if (!isValid) {
                input.value = ''; // Clear the input field if the value is invalid
            }
        }


        function timeFormated(result){
            let parts = result.split(' '); // Splits into ['03-12-2024', '01:43:15 PM']
            let date = parts[0]; // '03-12-2024'
            let time = parts[1] + ' ' + parts[2]; // '01:43:15 PM'
            let formattedDateTime = date + '<br>' + time;
            return formattedDateTime;
        }
    </script>
@stop