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 ( $stock_id );
{
    my %pos;
    for ( my $x = 0; $x < @_; $x += 2 )
    {
        $pos{ $_[$x] } = $x + 1;
    }

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

#line 1 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->print( '
' );
#line 5 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->print( '
<div class="modal fade" id="stock_detail_page_compare_images_dialog" name="stock_detail_page_compare_images_dialog" tabindex="-1" role="dialog" aria-labelledby="stockDetailPageCompareImagesDialog" data-backdrop="static">
  <div class="modal-dialog modal-xl" 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="stockDetailPageCompareImagesDialog">Compare Images</h4>
      </div>
      <div class="modal-body">
        <div class="container-fluid">

            ' );
#line 16 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->comp( { content => sub {
#line 16 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->print( '
                ' );
#line 17 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->comp( { content => sub {
#line 17 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->print( '
                    ' );
#line 18 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->comp(   '/page/page_title.mas', title=>"Select the comparison you are interested in"   
); #line 18 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->print( '
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">Comparison: </label>
                            <div class="col-sm-9" >
                                <select id="stock_detail_page_compare_images_comparison_select" class="form-control">
                                    <option value="compare_pixel_values_two_images">Compare pixel values for two different images</option>
                                </select>
                            </div>
                        </div>
                    </form>
                    <center>
                    <button class="btn btn-primary" id="stock_detail_page_compare_images_comparison_select_step">Go to Next Step</button>
                    </center>
                ' );
#line 32 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
} }, '/util/workflow.mas:step', title=> "Comparison"
 );
#line 32 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->print( '
                ' );
#line 33 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->comp( { content => sub {
#line 33 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->print( '
                    ' );
#line 34 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->comp(   '/page/page_title.mas', title=>"Select the images you are interested in comparing"   
); #line 34 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->print( '

                    <table class="table table-bordered table-hover" id="stock_detail_page_compare_images_images_type_table">
                        <thead>
                            <tr>
                                <th>Select</th>
                                <th>Image</th>
                                <th>Field Trial</th>
                                <th>Drone Run Name</th>
                                <th>Drone Run Band Name</th>
                                <th>Drone Run Band Type</th>
                                <th>Plot Polygon Type</th>
                            </tr>
                        </thead>
                    </table>

                    <br/><br/>

                    <center>
                    <button class="btn btn-primary" id="stock_detail_page_compare_images_images_select_step">Go to Next Step</button>
                    </center>
                ' );
#line 55 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
} }, '/util/workflow.mas:step', title=> "Image Selection"
 );
#line 55 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->print( '
                ' );
#line 56 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->comp( { content => sub {
#line 56 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->print( '
                    ' );
#line 57 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->comp(   '/page/page_title.mas', title=>"Image comparison results"   
); #line 57 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->print( '

                    <div id="stock_detail_page_compare_images_result_div"></div>
                ' );
#line 60 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
} }, '/util/workflow.mas:step', title=> "Result"
 );
#line 60 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->print( '
            ' );
#line 61 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
} }, '/util/workflow.mas', id=> "stock_detail_page_compare_images_workflow"
 );
#line 61 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->print( '

        </div>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

<script>
jQuery(document).ready(function() {

    jQuery(\'#stock_images_section_compare_images_button\').click(function() {
        jQuery(\'#stock_detail_page_compare_images_dialog\').modal(\'show\');
    });

    jQuery(\'#stock_detail_page_compare_images_comparison_select_step\').click(function(){

        jQuery(\'#stock_detail_page_compare_images_images_type_table\').DataTable({
            destroy : true,
            paging : false,
            ajax : \'/api/drone_imagery/plot_polygon_types_images?select_checkbox_name=stock_detail_page_compare_images_plot_polygon_type_select&stock_ids=' );
#line 85 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->print(  $stock_id  );
#line 85 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->print( '\'
        });

        Workflow.complete("#stock_detail_page_compare_images_comparison_select_step");
        Workflow.focus(\'#stock_detail_page_compare_images_workflow\', 1);
    });

    jQuery(\'#stock_detail_page_compare_images_images_select_step\').click(function(){
        var compare_images_selected_image_ids = []
        jQuery(\'input[name="stock_detail_page_compare_images_plot_polygon_type_select"]:checked\').each(function() {
            compare_images_selected_image_ids.push(jQuery(this).val());
        });
        if (compare_images_selected_image_ids.length != 2){
            alert(\'Please select two image types!\');
            return false;
        } else {
    
            jQuery.ajax({
                url : \'/api/drone_imagery/compare_images?stock_id=' );
#line 103 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->print(  $stock_id  );
#line 103 "/home/production/cxgn/sgn/mason/image/compare_images.mas"
$m->print( '&image_ids=\'+JSON.stringify(compare_images_selected_image_ids)+\'&comparison_type=\'+jQuery(\'#stock_detail_page_compare_images_comparison_select\').val(),
                beforeSend: function() {
                    jQuery("#working_modal").modal("show");
                },
                success: function(response){
                    console.log(response);
                    jQuery("#working_modal").modal("hide");

                    var html = \'<a target=_blank href="\'+response.result+\'">File</a>\';
                    jQuery(\'#stock_detail_page_compare_images_result_div\').html(html);

                    Workflow.complete("#stock_detail_page_compare_images_images_select_step");
                    Workflow.focus(\'#stock_detail_page_compare_images_workflow\', 2);
                },
                error: function(response){
                    jQuery("#working_modal").modal("hide");
                    alert(\'Error comparing images!\')
                }
            });
        }
    });

});
</script>
' );
;return;
},
'declared_args' => {
  '$stock_id' => { default => undef }
},
'load_time' => 1763448495,

)
;