@extends('master')

@section('content')

  <script type="text/javascript">

    function select(change){

      if($(change).hasClass('alert')){
          $(change).removeClass('alert');  
      }else{
          $(change).addClass('alert');  
      }
      
    }

  </script>

  <script type="text/javascript">

    

    function submitButton(){
      //alert(date);

      var date = "";

      alert(date);

      var seleccionados = 0;
      var select = [];
      $('.alert').each(function(){
        seleccionados = seleccionados + 1;
        var id = $(this).attr('id');
        select.push(id);

        var input = $("<input>", { type: "hidden", name: id, value: id }); $('#form').append($(input));


        
      });

      var input = $("<input>", { type: "hidden", name: 'date', value: date }); $('#form').append($(input));
      //alert(seleccionados + '\n' + select);
    
      //var input = $("<input>", { type: "hidden", name: "selectButtons", value: select }); $('#form').append($(input));
      
    }

  </script>
    
	<div class="row">
        <div class="large-12 columns">
            <div class="row">
                <div class="small-12 medium-12 large-12 columns">
                    <h4>Patient Daily Work History - Detail</h4>
                </div>
            </div>

            <div class="row">
                <div class="small-6 medium-6 large-6 columns">
                    <h5>{{{ $patientData->fname . " " . $patientData->lname }}}</h5>
                </div>
            </div>

            <div class="row">
                <div class="small-4 medium-4 large-4 columns">
                    <h5>Employer: {{{ $employer->name }}}</h5>
                </div>
            </div>
        </div>
    </div>

  <form id="form" action="{{{ URL::to('patients/' . $patientData->pid . '/daily-work-history-buttons') }}}" method="post" data-abide>

  	<div class="row">
  		<div class="small-12 medium-12 large-12 columns">

			<hr>
			<hr>
			<h3>Organophosphates</h3>
    		

			<div class="row">

				<div class="small-12 medium-4 large-4 columns">
					<a id="acephate" class=" button expand" onclick="select(acephate);">Acephate</a>
					
				</div>

				<div class="small-12 medium-4 large-4 columns">
					<a id="azinphosmethyl" class=" button expand" onclick="select(azinphosmethyl);">Azinphosmethyl</a>
				</div>

				<div class="small-12 medium-4 large-4 end columns">
					<a id="coumaphos" class="button expand" onclick="select(coumaphos);">Coumaphos</a>
				</div>
				
			</div>

			<div class="row">

				<div class="small-12 medium-4 large-4 columns">
					<a id="chlorpyrifos" class=" button expand" onclick="select(chlorpyrifos);">Chlorpyrifos</a>
				</div>

				<div class="small-12 medium-4 large-4 columns">
					<a id="demeton" class=" button expand" onclick="select(demeton);">Demeton</a>
				</div>

				<div class="small-12 medium-4 large-4 end columns">
					<a id="diazinon" class=" button expand" onclick="select(diazinon);">Diazinon</a>
				</div>
				
			</div>

			<div class="row">

				<div class="small-12 medium-4 large-4 columns">
					<a id="dichlorvos" class=" button expand" onclick="select(dichlorvos);">Dichlorvos/DDVP</a>
				</div>

				<div class="small-12 medium-4 large-4 columns">
					<a id="dimethoate" class=" button expand" onclick="select(dimethoate);">Dimethoate</a>
				</div>

				<div class="small-12 medium-4 large-4 end columns">
					<a id="disulfoton" class=" button expand" onclick="select(disulfoton);">Disulfoton</a>
				</div>
				
			</div>

			<div class="row">

				<div class="small-12 medium-4 large-4 columns">
					<a id="ethion" class=" button expand" onclick="select(ethion);">Ethion</a>
				</div>

				<div class="small-12 medium-4 large-4 columns">
					<a id="methamidophos" class=" button expand" onclick="select(methamidophos);">Methamidophos</a>
				</div>

				<div class="small-12 medium-4 large-4 end columns">
					<a id="methidathion" class=" button expand" onclick="select(methidathion);">Methidathion</a>
				</div>
				
			</div>

			<div class="row">

				<div class="small-12 medium-4 large-4 columns">
					<a id="parathion" class=" button expand" onclick="select(parathion);">Methyl parathion</a>
				</div>

				<div class="small-12 medium-4 large-4 columns">
					<a id="malathion" class=" button expand" onclick="select(malathion);">Malathion</a>
				</div>

				<div class="small-12 medium-4 large-4 end columns">
					<a id="phosmet" class=" button expand" onclick="select(phosmet);">Phosmet</a>
				</div>
				
			</div>

			<div class="row">

				<div class="small-12 medium-4 large-4 columns">
					<a id="propetamphos" class=" button expand" onclick="select(propetamphos);">Propetamphos</a>
				</div>

				<div class="small-12 medium-4 large-4 columns">
					<a id="sulfopros" class=" button expand" onclick="select(sulfopros);">Sulfopros</a>
				</div>

				<div class="small-12 medium-4 large-4 end columns">
					<a id="sulfotep" class=" button expand" onclick="select(sulfotep);">Sulfotep</a>
				</div>
				
			</div>

			<div class="row">

				<div class="small-12 medium-4 large-4 columns">
					<a id="temephos" class=" button expand" onclick="select(temephos);">Temephos</a>
				</div>

				<div class="small-12 medium-4 large-4 columns">
					<a id="tetrachlorvinphos" class=" button expand" onclick="select(tetrachlorvinphos);">Tetrachlorvinphos</a>
				</div>

				<div class="small-12 medium-4 large-4 end columns">
					<a id="trichlorfon" class=" button expand" onclick="select(trichlorfon);">Trichlorfon</a>
				</div>
				
			</div>

  			
  		</div>
  		
  	</div>

  	<div class="row">
  		<div class="small-12 medium-12 large-12 columns">

  			<hr>
			<hr>
  			<h3>Carbamates</h3>
    		

  			<div class="row">
  				<div class="small-12 medium-4 large-4 columns">
  					<a id="aldicarb" class=" button expand" onclick="select(aldicarb);">Aldicarb</a>
  				</div>

  				<div class="small-12 medium-4 large-4 columns">
  					<a id="bendiocarb" class=" button expand" onclick="select(bendiocarb);">Bendiocarb</a>
  				</div>

  				<div class="small-12 medium-4 large-4 end columns">
  					<a id="carbaryl" class=" button expand" onclick="select(carbaryl);">Carbaryl</a>
  				</div>
  				
  			</div>

  			<div class="row">
  				<div class="small-12 medium-4 large-4 columns">
  					<a id="carbofuran" class=" button expand" onclick="select(carbofuran);">Carbofuran</a>
  				</div>

  				<div class="small-12 medium-4 large-4 columns">
  					<a id="formetanate" class=" button expand" onclick="select(formetanate);">Formetanate HCL</a>
  				</div>

  				<div class="small-12 medium-4 large-4 end columns">
  					<a id="methomyl" class=" button expand" onclick="select(methomyl);">Methomyl</a>
  				</div>
  				
  			</div>

  			<div class="row">
  				<div class="small-12 medium-4 large-4 columns">
  					<a id="propoxur" class=" button expand" onclick="select(propoxur);">Propoxur</a>
  				</div>

  				<div class="small-12 medium-4 large-4 columns">
  					<a id="thiodicarb" class=" button expand" onclick="select(thiodicarb);">Thiodicarb</a>
  				</div>

  				<div class="small-12 medium-4 large-4 end columns">
  					
  				</div>
  				
  			</div>
  			
  		</div>
  		
  	</div>




    <div class="row">
    	
    	<div class="small-12 medium-12 large-12 columns">
    		<hr>
    		<hr>
    		<p>
    			Click Button for all handling activities that apply
    			for selected work date
    		</p>
    		
    		<div class="row">
    			<div class="small-12 medium-3 large-3 columns">
    				<a class=" button expand">Mixing</a>
    			</div>
    			<div class="small-12 medium-3 large-3 columns">
    				<a class=" button expand">Loading</a>
    			</div>
    			<div class="small-12 medium-3 large-3 columns">
    				<!--<a class=" button expand" onclick="submitButton({{{ ($date)? $date : ''  }}});">Applying</a>-->
            <button type="submit" class="expand" onclick="submitButton();">Applying</button>
    			</div>

          <div class="small-12 medium-3 large-3 end columns">
            <a href="{{{ URL::to('patients/'.$patientData->pid) }}}" class="button expand">Cancel</a>
          </div>
    			
    		</div>

    		
    	</div>
    	
    </div>

  </form>    

    
@stop