@extends('layouts.app')
@section('plugin-styles')
    <link rel="stylesheet" href="{{asset('vendors/jquery-file-upload/uploadfile.css')}}">
    <style>
        .reminderAtNumber{
            width:100% !important;
        }
        .reminderAtData{
            width:60% !important;
        }
    </style>
@stop
@section('content')
    @php
        if(isset($_GET['category_id'])) {
            $category = $_GET['category_id'];
        } else {
            $category = 1;
        }
    @endphp
    <div class="content">
        <form id="form" name="maintenances-form" action="{{url('machineries')}}" method="POST">

            <x-content.header title="{{__('menu.machinery_title')}}">
                <x-slot:headerRight>

                    <button type="submit" class="btn-primary-base btn-save">
                        {{trans('forms.lbl_create')}}
                    </button>

                    <a href="{{url()->previous()}}"  class="btn-tertiary-base">{{trans('forms.lbl_cancel')}}</a>
                </x-slot:headerRight>
            </x-content.header>

            <div class="w-full mt-8">

                @include('machinery::form', [
                    'edit' => false
                ])
            </div>

        </form>
    </div>
@stop

@section('footer-script')

<script type="text/javascript" src="//code.jquery.com/ui/1.12.1/jquery-ui.js" ></script>
<script src="{{ asset('vendors/jquery-file-upload/jquery.uploadfile.min.js') }}"></script>
<script src="{{ asset('js/jquery-file-upload.js') }}"></script>

    <script type="text/javascript">
		var workstations = {!! $workstations !!};

        function getWorkstations(){

            let model = $('#workstation'), locations = $('#locations').val();

            if (typeof locations === 'string') {
                locations = [locations];
            }

            model.empty();

            model.append("<option value=''>" + "{{ __('forms.lbl_select_workstation') }}" + "</option>");

            $.each(locations, function(index, element) {
                $.each(workstations[element], function(index, element) {
                    model.append("<option value='"+element.id+"'>" + element.name + "</option>");
                });
            })
        }

        drEvent.on('dropify.beforeClear', function(event, element){
            if(confirm("{{trans('forms.do_you_really_want_delete')}}")) {
                return true;
            } else {
                return false;
            }
        });

		$(".btn-save").on("click", function(event) {
			event.preventDefault();
            if($("#form").valid()) {
    			let data =  $("#form").serializeFiles();

                PDRequest({
    				type    : "POST",
    				url     : $("#form").prop("action"),
    				data    : data,
    				event   : event
    			}).then((response) => {
                    window.location = response.redirect;
                });
            }
		});

        $("body").on("change", "input[name='next_maintenance']", function(e) {
            if( $(this).is(":checked") ){
                $(".next_maintenance").prop("disabled", false);
                $(".maintenance-section.hidden").removeClass("hidden");
            }else{
                $(".next_maintenance").prop("disabled", true);
                $(".maintenance-section").addClass("hidden");
            }
        });

        $('body').on("change", 'select[name="supplier"]', function(event) {
            event.preventDefault();

            let contact = $(this).find('option:selected').data('contact');

            if(contact) {
                $("input[name='contact_info']").val((contact.address ? contact.address + ", " : '') + (contact.phone ? contact.phone : ''));
            } else {
                $("input[name='contact_info']").val('');
            }
        });

    </script>
@stop