package SGN::View::Mason::Commands;
use strict;
use vars qw($m $c);
HTML::Mason::Component::FileBased->new(
'code' => sub {
use utf8; local $SGN::View::Mason::Commands::m = $HTML::Mason::Commands::m;
HTML::Mason::Exception::Params->throw
    ( error =>
      "Odd number of parameters passed to component expecting name/value pairs"
    ) if @_ % 2;
my ( $trial_id, $trial_name );
{
    my %pos;
    for ( my $x = 0; $x < @_; $x += 2 )
    {
        $pos{ $_[$x] } = $x + 1;
    }

    foreach my $arg ( qw( trial_id trial_name ) )
    {
        HTML::Mason::Exception::Params->throw
            ( error => "no value sent for required parameter '$arg'" )
                unless exists $pos{$arg};
    }
#line 2 "/home/production/cxgn/sgn/mason/breeders_toolbox/trial/upload_soil_data_dialogs.mas"
    $trial_id = $_[ $pos{'trial_id'} ];
#line 3 "/home/production/cxgn/sgn/mason/breeders_toolbox/trial/upload_soil_data_dialogs.mas"
    $trial_name = $_[ $pos{'trial_name'} ];
}
$m->debug_hook( $m->current_comp->path ) if ( HTML::Mason::Compiler::IN_PERL_DB() );

#line 5 "/home/production/cxgn/sgn/mason/breeders_toolbox/trial/upload_soil_data_dialogs.mas"
$m->print( '
' );
#line 6 "/home/production/cxgn/sgn/mason/breeders_toolbox/trial/upload_soil_data_dialogs.mas"
$m->comp(   '/util/import_javascript.mas', classes => [ 'jquery.iframe-post-form', 'moment_min', 'daterangepicker' ]   
); #line 6 "/home/production/cxgn/sgn/mason/breeders_toolbox/trial/upload_soil_data_dialogs.mas"
$m->print( '

<div class="modal fade" id="upload_soil_data_dialog" name="upload_soil_data_dialog" tabindex="-1" role="dialog" aria-labelledby="uploadSoilDataDialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="uploadSoilDataDialog">Upload Soil Data for this Trial </h4>
            </div>
            <div class="modal-body">
                <div class="container-fluid">
                    <form class="form-horizontal" role="form" method="post" enctype="multipart/form-data" encoding="multipart/form-data" id="upload_soil_data_form" name="upload_soil_data_form">
                        <div class="form-group">
                            <label class="col-sm-4 control-label">Soil data for trial: </label>
                            <div class="col-sm-8" >
                                <input class="form-control" name="trial_soil_data" id="trial_soil_data" disabled value="' );
#line 21 "/home/production/cxgn/sgn/mason/breeders_toolbox/trial/upload_soil_data_dialogs.mas"
$m->print(  $trial_name  );
#line 21 "/home/production/cxgn/sgn/mason/breeders_toolbox/trial/upload_soil_data_dialogs.mas"
$m->print( '">
                                <input name="soil_data_trial_id" id="soil_data_trial_id" type="hidden" value="' );
#line 22 "/home/production/cxgn/sgn/mason/breeders_toolbox/trial/upload_soil_data_dialogs.mas"
$m->print(  $trial_id  );
#line 22 "/home/production/cxgn/sgn/mason/breeders_toolbox/trial/upload_soil_data_dialogs.mas"
$m->print( '">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label">Description:</label>
                            <div class="col-sm-8">
                                <input class="form-control" type="text" id="soil_data_description" name="soil_data_description" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label">Sampling Date:</label>
                            <div class="col-sm-8">
                                <input class="form-control" id="soil_data_date" name="soil_data_date" title="data_date" type="text"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label">GPS (optional):</label>
                            <div class="col-sm-8">
                                <input class="form-control" type="text" id="soil_data_gps" name="soil_data_gps" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label">Type of Sampling:</label>
                            <div class="col-sm-8">
                                <input class="form-control" type="text" id="type_of_sampling" name="type_of_sampling" />
                            </div>
                        </div>
                        <div class="well well-sm">
                            <div class="row">
                                <div class="col-sm-4">
                                    ' );
#line 52 "/home/production/cxgn/sgn/mason/breeders_toolbox/trial/upload_soil_data_dialogs.mas"
$m->comp( { content => sub {
#line 52 "/home/production/cxgn/sgn/mason/breeders_toolbox/trial/upload_soil_data_dialogs.mas"
$m->print( '
                                        <p>
                                            <b>File format information</b>
                                            <br>
                                            <a id="soil_data_spreadsheet_format">Spreadsheet format</a>
                                        </p>
                                    ' );
#line 58 "/home/production/cxgn/sgn/mason/breeders_toolbox/trial/upload_soil_data_dialogs.mas"
} }, '/page/explanation.mas', title=>'Template information'
 );
#line 58 "/home/production/cxgn/sgn/mason/breeders_toolbox/trial/upload_soil_data_dialogs.mas"
$m->print( '
                                </div>
                                <div class="col-sm-8">
                                    <br/>
                                    <div class="panel panel-default">
                                        <div class="panel-body">
                                            <div class="form-group">
                                                <label class="col-sm-6 control-label">Select an XLS File: </label>
                                                <div class="col-sm-6">
                                                    <input type="file" name="soil_data_upload_file" id="soil_data_upload_file" encoding="multipart/form-data" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" name="soil_data_submit" id="soil_data_submit">Upload File</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="upload_soil_data_error_display" name="upload_soil_data_error_display" tabindex="-1" role="dialog" aria-labelledby="uploadSoilDataErrorDialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="uploadSoilDataErrorDialog">Upload Soil Data File Error</h4>
            </div>
            <div class="modal-body">
                <div class="container-fluid">
                    <table>
                        <tbody></tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="upload_soil_data_spreadsheet_format_dialog" name="upload_soil_data_spreadsheet_format_dialog" tabindex="-1" role="dialog" aria-labelledby="uploadSoilDataFormatDialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="uploadSoilDataFormatDialog">Template Information</h4>
            </div>
            <div class="modal-body">
                <div class="container-fluid">
                    <b>
                        Soil data may be uploaded in an Excel file (.xls or .xlsx)
                    </b>
                    <br>
                    <b>
                        Header:
                    </b>
                    <br>
                        The first row (header) must contain the following:
                    <br>

                    <table class="table table-bordered table-hover">
                        <tbody>
                            <tr>
                                <td>soil_data_type</td>
                                <td>soil_data_value</td>
                            </tr>
                        </tbody>
                    </table>
                    <b>
                        Example:
                    </b>
                    <table class="table table-bordered table-hover">
                        <tbody>
                            <tr>
                                <td>soil_data_type</td>
                                <td>soil_data_value</td>
                            </tr>
                            <tr>
                                <td>pH (CaCl2)</td>
                                <td>5.500</td>
                            </tr>
                            <tr>
                                <td>Ca (cmolc/dm³)</td>
                                <td>3.500</td>
                            </tr>
                            <tr>
                                <td>Zn (mg/dm³)</td>
                                <td>3.200</td>
                            </tr>
                            <tr>
                                <td>Organic matter (%)</td>
                                <td>3.500</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="soil_data_saved_dialog_message" name="soil_data_saved_dialog_message" tabindex="-1" role="dialog" aria-labelledby=soilDataSavedDialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="soilDataSavedDialog">Success</h4>
            </div>
            <div class="modal-body">
                <div class="container-fluid">
                    <p>
                        <span class="ui-icon ui-icon-circle-check" style="float: left; margin: 0 7px 50px 0;"></span>
                        Soil data were saved successfully.
                    </p>
                </div>
            </div>
            <div class="modal-footer">
                <button id="dismiss_soil_data_saved_dialog" type="button" class="btn btn-default" data-dismiss="modal">Close & Reload</button>
            </div>
        </div>
    </div>
</div>


<script>

jQuery(document).ready(function(){

    jQuery("#trial_upload_soil_data_button").click(function(){

        var soil_data_date_element = jQuery("#soil_data_date");
        set_daterangepicker_default (soil_data_date_element);
        jQuery(\'input[title="data_date"]\').daterangepicker(
            {"singleDatePicker": true,
            "showDropdowns": true,
            "autoUpdateInput": false,
            },
            function(start){
                soil_data_date_element.val(start.format(\'YYYY-MMM-DD\'));
                highlight_changed_details(soil_data_date_element);
            }
        );

        jQuery("#soil_data_spreadsheet_format").click(function(){
            jQuery("#upload_soil_data_spreadsheet_format_dialog").modal("show");
        });

        jQuery("#upload_soil_data_dialog").modal("show");
    });

    jQuery("#soil_data_submit").click(function(){

        var soil_data_description = jQuery("#soil_data_description").val();
        if ( soil_data_description === \'\'){
            alert("Please provide description");
            return;
        }

        var soil_data_date = jQuery("#soil_data_date").val();
        if ( soil_data_date === \'\'){
            alert("Please select a date");
            return;
        }

        var type_of_sampling = jQuery("#type_of_sampling").val();
        if ( type_of_sampling === \'\'){
            alert("Please indicate type of sampling");
            return;
        }

        var uploadFile = jQuery("#soil_data_upload_file").val();
        if (uploadFile === \'\'){
            alert("Please select a file");
            return;
        }

        jQuery(\'#upload_soil_data_form\').attr("action", "/ajax/trial/upload_soil_data");

        jQuery("#upload_soil_data_form").submit();
        jQuery("#upload_soil_data_dialog").modal("hide");
    });

    jQuery(\'#upload_soil_data_form\').iframePostForm({
        json: true,
        post: function(){
            jQuery("#working_modal").modal("show");
        },
        complete: function(response){
            jQuery("#working_modal").modal("hide");
            if (response.error_string){
                jQuery("#upload_soil_data_error_display tbody").html(\'\');
                jQuery("#upload_soil_data_error_display tbody").append(response.error_string);
                jQuery("#upload_soil_data_error_display").modal("show");
                return;
            }
            if (response.error) {
                alert(response.error);
                return;
            }
            if (response.success) {
                jQuery(\'#soil_data_saved_dialog_message\').modal("show");
            }
        }
    });

    jQuery("#dismiss_soil_data_saved_dialog").click(function(){
        location.reload();
    });



});

</script>
' );
;return;
},
'declared_args' => {
  '$trial_id' => { default => undef },
  '$trial_name' => { default => undef }
},
'load_time' => 1763102299,

)
;