@extends('header')

@section('content')

	{!! Former::open($url)
            ->addClass('col-lg-12  warn-on-exit main-form')
			->autocomplete('off')
            ->method($method)
            ->rules([
				'client_id' => 'required',
				'job_no' => 'required',
            ]) !!}

    @if ($project)
        {!! Former::populate($project) !!}
		{!! Former::populateField('task_rate', floatval($project->task_rate) ? Utils::roundSignificant($project->task_rate) : '') !!}
		{!! Former::populateField('budgeted_hours', floatval($project->budgeted_hours) ? $project->budgeted_hours : '') !!}
    @endif

    <span style="display:none">
        {!! Former::text('public_id') !!}
		{!! Former::text('action') !!}
    </span>

	<div class="row">
        <div class="col-lg-6 ">

            <div class="panel panel-default">
            <div class="panel-body">
           

				@if ($project)
					{!! Former::plaintext('client_name')
							->value($project->client ? $project->client->present()->link : '') !!}
				@else
					{!! Former::select('client_id')
							->addOption('', '')
							->label(trans('texts.client'))
							->onchange('return selectedClient(this.value)')
							->addGroupClass('client-select') !!}
					
					
				@endif
				
				{!! Former::text('job_no') !!}
				
				{!! Former::text('name')->label(trans('texts.dwg_name')) !!}

                {!! Former::select('quote_id')
                            ->addOption('', '')
                            ->label(trans('texts.quote'))
                            ->onchange('return selectedQuote(this.value)')
                            ->addGroupClass('quotes-select') !!}

                
                <link rel="stylesheet" href="{{url('select-new.css')}}" />
    		    <script src="{{url('semantic.js')}}"></script>
    		    <style type="text/css">
                    .fullWidth{
                        width: 100%;
                        border: 1px solid #888888 !important;
                        background: #f9f9f9 !important;
                    }
                </style>
            
                    {!! Former::multiselect('type')
                        ->options($serviceNew)
                        ->select($quotes_data != '' ? json_decode($quotes_data->survey_type) : '')
                        ->addGroupClass('survey_type-select')
                        ->label(trans('texts.survey_type'))
                        ->class('survey_type_select')
                        ->addClass('search')
                        ->addClass('fullWidth') !!}

    			<script type="text/javascript">
                    $('.survey_type_select').dropdown();
                </script>
               

				{!! Former::text('due_date')
	                        ->data_date_format(Session::get(SESSION_DATE_PICKER_FORMAT, DEFAULT_DATE_PICKER_FORMAT))
	                        ->addGroupClass('due_date')
	                        ->append('<i class="glyphicon glyphicon-calendar"></i>') !!}
                            
                {!! Former::select('manager')
                        ->addOption('', '')
                        ->addGroupClass('manager-select')
                        ->label(trans('texts.manager')) !!}
                 
                 {!! Former::text('application_date')
	                        ->data_date_format(Session::get(SESSION_DATE_PICKER_FORMAT, DEFAULT_DATE_PICKER_FORMAT))
	                        ->addGroupClass('application_date')
	                        ->append('<i class="glyphicon glyphicon-calendar"></i>') !!}

                {!! Former::text('application_time') !!}
                
                {!! Former::select('borough')
                        ->addOption('', '')
                        ->addGroupClass('borough')
                        ->label(trans('texts.borough')) !!}
                
                <div class="show-on-quote-select">

                    {!! Former::text('address')->id('autocomplete')->value($quotes_data->address)!!}

                    <div class="row">
                        <div class="col-sm-6"> 
                        {!! Former::text('city_town')->id('locality')->value($quotes_data->city_town) !!}
                        </div>
                    
                        <div class="col-sm-6"> 
                          {!! Former::text('proj_state')->id('administrative_area_level_1')->value($quotes_data->proj_state) !!}
                        </div>
                        
                    </div>
                    
                   <div class="row">
                        <div class="col-sm-6"> 
                        {!! Former::text('zip')->id('postal_code')->value($quotes_data->zip) !!}
                        </div>
                    
                        <div class="col-sm-6"> 
                          {!! Former::text('country')->value($quotes_data->country) !!}
                        </div>
                       
                    </div>
                    
                    <div class="row">
                        <div class="col-sm-6"> 
                        {!! Former::text('district')->value($quotes_data->district) !!}
                        </div>
                    
                        <div class="col-sm-6"> 
                          {!! Former::text('section')->value($quotes_data->section) !!}
                        </div>
                       
                    </div>
                    <div class="row">
                        <div class="col-sm-6"> 
                        {!! Former::text('block')->value($quotes_data->block) !!}
                        </div>
                    
                        <div class="col-sm-6"> 
                          {!! Former::text('lot')->value($quotes_data->lot) !!}
                        </div>
                       
                    </div>

                </div>
                
                <div class="row">
                    <div class="col-sm-12">
                        {!! Former::checkbox('block_assesment')->value(1) !!}
                    </div>
                    <div class="col-sm-12">
                        {!! Former::checkbox('is_rush_job')->value(1) !!}
                    </div>
                </div>
                
            </div>
            
            
            </div>

        </div>
        <div class="col-lg-6 ">

            <div class="panel panel-default">
            <div class="panel-body">
                
                <link rel="stylesheet" href="{{url('select-new.css')}}" />
                <script src="{{url('semantic.js')}}"></script>
                <style type="text/css">
                    .fullWidth{
                        width: 100%;
                        border: 1px solid #888888 !important;
                        background: #f9f9f9 !important;
                    }
                </style>
                
                {!! Former::multiselect('field_crew')
                        ->options($adminsNew)
                        ->select($project != '' ? json_decode($project->field_crew) : '')
                        ->addGroupClass('field_crew-select')
                        ->label(trans('texts.field_crew'))
                        ->class('field_crew_select')
                        ->addClass('search')
                        ->addClass('fullWidth') !!}
                        
                        
                {!! Former::multiselect('computation')
                        ->options($adminsNew)
                        ->select($project != '' ? json_decode($project->computation) : '')
                        ->addGroupClass('computation-select')
                        ->label(trans('texts.computation'))
                        ->class('computation_select')
                        ->addClass('search')
                        ->addClass('fullWidth') !!}
                        
                {!! Former::multiselect('drefts_person')
                        ->options($adminsNew)
                        ->select($project != '' ? json_decode($project->drefts_person) : '')
                        ->addGroupClass('drefts_person-select')
                        ->label(trans('texts.drefts_person'))
                        ->class('drefts_person_select')
                        ->addClass('search')
                        ->addClass('fullWidth') !!}
                        
                {!! Former::multiselect('checked_by')
                        ->options($adminsNew)
                        ->select($project != '' ? json_decode($project->checked_by) : '')
                        ->addGroupClass('checked_by-select')
                        ->label(trans('texts.checked_by'))
                        ->class('checked_by_select')
                        ->addClass('search')
                        ->addClass('fullWidth') !!}

                {!! Former::multiselect('corrected_by')
                        ->options($adminsNew)
                        ->select($project != '' ? json_decode($project->corrected_by) : '')
                        ->addGroupClass('corrected_by-select')
                        ->label(trans('texts.corrected_by'))
                        ->class('corrected_by_select')
                        ->addClass('search')
                        ->addClass('fullWidth') !!}
                        
                <script type="text/javascript">
                    $('.field_crew_select').dropdown();
                    $('.computation_select').dropdown();
                    $('.drefts_person_select').dropdown();
                    $('.checked_by_select').dropdown();
                    $('.corrected_by_select').dropdown();
                </script>

				{!! Former::text('email') !!}
				{!! Former::textarea('office_comment')->rows(6) !!}
                {!! Former::textarea('client_comment')->rows(6) !!}
                
                {!! Former::textarea('file_name_number')->rows(6) !!}
                
                {!! Former::select('status')
			                ->label('status')
			                ->addOption('','')
					        ->addOption('Ready to draw','Ready to draw')
					        ->addOption('Ready for field','Ready for field')
					        ->addOption('In field','In field')
					        ->addOption('Working /open','Working /open')
					        ->addOption('Working /closed','Working /closed')
					        ->addOption('Computing /open','Computing /open')
					        ->addOption('Computing /closed','Computing /closed')
					        ->addOption('Checking /open','Checking /open')
					        ->addOption('Checking /closed','Checking /closed')
					        ->addOption('Client hold','Client hold')
					        ->addOption('Awaiting access','Awaiting access')
					        ->addOption('Awaiting research','Awaiting research')
					        ->addOption('Correcting /open','Correcting /open')
					        ->addOption('Correcting /closed','Correcting /closed')
					        ->addOption('Verifying /open','Verifying /open')
					        ->addOption('Verifying /closed','Verifying /closed')
					        ->addOption('Working on desktop','Working on desktop')
			                ->placeholder('') !!}
                

            </div>
            
            
            </div>

        </div>
    </div>

	@if(Auth::user()->canCreateOrEdit(ENTITY_PROJECT))
	<center class="buttons">
        {!! Button::normal(trans('texts.cancel'))->large()->asLinkTo(HTMLUtils::previousUrl('/projects'))->appendIcon(Icon::create('remove-circle')) !!}
        {!! Button::success(trans('texts.save'))->submit()->large()->appendIcon(Icon::create('floppy-disk')) !!}
	</center>
	@endif

	{!! Former::close() !!}
	
<script>
    // This sample uses the Autocomplete widget to help the user select a
    // place, then it retrieves the address components associated with that
    // place, and then it populates the form fields with those details.
    // This sample requires the Places library. Include the libraries=places
    // parameter when you first load the API. For example:
    // <script
    // src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places">
    
    var placeSearch, autocomplete;
    
    var componentForm = {
      locality: 'long_name',
      administrative_area_level_1: 'short_name',
      postal_code: 'short_name'
    };
    
    function initAutocomplete() {
      // Create the autocomplete object, restricting the search predictions to
      // geographical location types.
      autocomplete = new google.maps.places.Autocomplete(
          document.getElementById('autocomplete'), {types: ['geocode']});
    
      // Avoid paying for data that you don't need by restricting the set of
      // place fields that are returned to just the address components.
      autocomplete.setFields(['address_component']);
    
      // When the user selects an address from the drop-down, populate the
      // address fields in the form.
      autocomplete.addListener('place_changed', fillInAddress);
    }
    
    function fillInAddress() {
      // Get the place details from the autocomplete object.
      var place = autocomplete.getPlace();
    
      for (var component in componentForm) {
        document.getElementById(component).value = '';
        document.getElementById(component).disabled = false;
      }
    
      // Get each component of the address from the place details,
      // and then fill-in the corresponding field on the form.
      var val_street_number = '';
      for (var i = 0; i < place.address_components.length; i++) {
        var addressType = place.address_components[i].types[0];
        if (addressType == "route" || addressType == "street_number") {
          var val_street_number = val_street_number + ' ' + place.address_components[i]['long_name'];
          $("#autocomplete").val(val_street_number);
        }
        if (componentForm[addressType]) {
          var val = place.address_components[i][componentForm[addressType]];
          document.getElementById(addressType).value = val;
        }
      }
    }
    
    // Bias the autocomplete object to the user's geographical location,
    // as supplied by the browser's 'navigator.geolocation' object.
    function geolocate() {
      if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(function(position) {
          var geolocation = {
            lat: position.coords.latitude,
            lng: position.coords.longitude
          };
          var circle = new google.maps.Circle(
              {center: geolocation, radius: position.coords.accuracy});
          autocomplete.setBounds(circle.getBounds());
        });
      }
    }
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC_5HdjPFF5kjni7YAosrvm6TbvNaPh-Bo&libraries=places&callback=initAutocomplete" async defer></script>

    <script>

		var clients = {!! $clients !!};
		var clientMap = {};
		var quotes = {!! $quotes !!};
		var quoteMap = {};
			

		function submitAction(action) {
            $('#action').val(action);
            $('.main-form').submit();
        }

		function onDeleteClick() {
            sweetConfirm(function() {
                submitAction('delete');
            });
        }

        $(function() {
			var $clientSelect = $('select#client_id');
			
            for (var i=0; i<clients.length; i++) {
                var client = clients[i];
				clientMap[client.public_id] = client;
                var clientName = getClientDisplayName(client);
                if (!clientName) {
                    continue;
                }
                $clientSelect.append(new Option(clientName, client.public_id));
            }
			@if ($clientPublicId)
				$clientSelect.val({{ $clientPublicId }});
			@endif

			$clientSelect.combobox({highlighter: comboboxHighlighter}).change(function() {
				var client = clientMap[$('#client_id').val()];
				if (client && parseFloat(client.task_rate)) {
					var rate = client.task_rate;
				} else {
					var rate = {{ $account->present()->taskRate ?: 0 }};
				}
				$('#task_rate').attr('placeholder', roundSignificant(rate, true));
			});
			
			$clientSelect.on('change', function(e) {
              var quoteId = $('input[name=quote_id]').val();
              var project = quoteMap[quoteId];
              
              setComboboxValue($('.quotes-select'), '', '');
              $projectCombobox = $('select#quote_id');
              $projectCombobox.find('option').remove().end().combobox('refresh');
              $projectCombobox.append(new Option('', ''));
              $('select#quote_id').combobox('refresh');
            });

			$('#due_date').datepicker('update', '{{ $project ? Utils::fromSqlDate($project->due_date) : '' }}');
			$('#application_date').datepicker('update', '{{ $project ? Utils::fromSqlDate($project->application_date) : '' }}');

			@if ($clientPublicId)
				$('#name').focus();
			@else
				$('.client-select input.form-control').focus();
			@endif
        });
		
		
		
		 $(function() {
			var $quoteSelect = $('select#quote_id');
			
            for (var i=0; i<quotes.length; i++) {
				//console.log(quotes);
                var quote = quotes[i];
				quoteMap[quoteName] = quote;
                var Invoice = quote.invoice_number;
				var quoteClineName = quote.client_name;
				var quoteName = Invoice+' ('+quoteClineName+')';
				
                if (!quoteName) {
                    continue;
                }
                $quoteSelect.append(new Option(quoteName, Invoice));
            }
            
			@if($clientQuoteId)
				$quoteSelect.val('{{ $clientQuoteId }}');
			@endif

			$quoteSelect.combobox({highlighter: comboboxHighlighter}).change(function() {
				var quote = quoteMap[$('#quote_id').val()];
				if (quote && parseFloat(quote.task_rate)) {
					var rate = quote.task_rate;
				} else {
					var rate = {{ $account->present()->taskRate ?: 0 }};
				}
				$('#task_rate').attr('placeholder', roundSignificant(rate, true));
			});
			
			$quoteSelect.on('change', function(e) {
                var boroughId = $('input[name=borough]').val();
                var borough = quoteMap[boroughId];
              
                setComboboxValue($('.borough'), '', '');
                // $boroughCombobox = $('select#borough');
                // $boroughCombobox.find('option').remove().end().combobox('refresh');
                $('select#borough').combobox('refresh');
                $('.survey_type_select').find('a').remove();
            });
        });
        
        function selectedQuote(data){
            if(data.length > 0){
                // alert(data);
                $('.survey_type_select').find('a').remove();
                setComboboxValue($('.borough'), '', '');
                var send_data = {invoice_number:data}
                $.ajax({
                    url:'/project/get_invoice_data',
                    type:'get',
                    data:send_data,
                    success:function(data){
                        // console.log(data.address);
                        $('#autocomplete').val(data.address);
                        $('#district').val(data.district);
                        $('#section').val(data.section);
                        $('#locality').val(data.city_town);
                        $('#administrative_area_level_1').val(data.proj_state);
                        $('#block').val(data.block);
                        $('#lot').val(data.lot);
                        $('#postal_code').val(data.zip);
                        $('#country').val(data.country);
                        // $('#type').val(data.survey_type);
                        var json = data.survey_type;
                        var arr = $.parseJSON(json);
                        $("#type").val(arr);
                        if(data.survey.length > 0){
                            for (var i = 0; i < data.survey.length; i++) {
                                // console.log(data.survey[i].id);
                                $('<a class="ui label" data-value="'+data.survey[i].id+'">'+data.survey[i].product_key+'<i class="delete icon"></i></a>').insertAfter(".survey_type_select > select");
                            }
                        }
                        
                        (data.borough == 1)? setComboboxValue($('.borough'), '1', 'Manhattan') : '';
                        (data.borough == 2)? setComboboxValue($('.borough'), '2', 'Bronx') : '';
                        (data.borough == 3)? setComboboxValue($('.borough'), '3', 'Brooklyn') : '';
                        (data.borough == 4)? setComboboxValue($('.borough'), '4', 'Queens') : '';
                        (data.borough == 5)? setComboboxValue($('.borough'), '5', 'Staten Island') : '';
                    }
                }); 
            }
            else{
                $('#autocomplete').val('');
                $('#district').val('');
                $('#section').val('');
                $('#locality').val('');
                $('#administrative_area_level_1').val('');
                $('#block').val('');
                $('#lot').val('');
                $('#postal_code').val('');
                $('#country').val('');
                $('#type').val('');
                setComboboxValue($('.borough'), '', '');
            }        
         }
        
        function selectedClient(data) {
            if(data.length > 0){
                var $quoteSelect = $('select#quote_id');
                var send_data = {client_id:data}
                $.ajax({
                    url:'/project/quote_list',
                    type:'get',
                    data:send_data,
                    success:function(data){
                        var quotes = data;
                        $quoteSelect.html('<option value=""></option>');
                        for (var i=0; i<quotes.length; i++) {
                            var quote = quotes[i];
                            quoteMap[quoteName] = quote;
                            var Invoice = quote.invoice_number;
                            var quoteClineName = quote.client_name;
                            var quoteName = Invoice+' ('+quoteClineName+')';
                            
                            if (!quoteName) {
                                continue;
                            }
                            $quoteSelect.append(new Option(quoteName, Invoice));
                        }
                        $quoteSelect.combobox('refresh');
                    }
                });
            }
            else{
                var $quoteSelect = $('select#quote_id');
                $quoteSelect.html('<option value=""></option>');
                var data;
                for (var i=0; i<quotes.length; i++) {
                    var quote = quotes[i];
                    quoteMap[quoteName] = quote;
                    var Invoice = quote.invoice_number;
                    var quoteClineName = quote.client_name;
                    var quoteName = Invoice+' ('+quoteClineName+')';
                    
                    if (!quoteName) {
                        continue;
                    }
                    $quoteSelect.append(new Option(quoteName, Invoice));
                }
                $quoteSelect.combobox('refresh');
            }
        }
        
        var groups = {!! $admins !!};
        var groupMap = {};

        $(function() {
            var $managerSelect = $('select#manager');
            // var $field_crewSelect = $('select#field_crew');
            // var $field_crew1Select = $('select#field_crew1');
            // var $computationSelect = $('select#computation');
            // var $drefts_personSelect = $('select#drefts_person');
            // var $checked_bySelect = $('select#checked_by');
            // var $corrected_bySelect = $('select#corrected_by');
            
            for (var i=0; i<groups.length; i++) {
                var manager = groups[i];
                groupMap[managerName] = manager;
                var managerName = manager.username+' | '+(manager.nickname === null ? '' : manager.nickname);
                var managerId = manager.public_id;
                if (!managerName) {
                  continue;
                }
                $managerSelect.append(new Option(managerName, managerId));
                // $field_crewSelect.append(new Option(managerName, managerId));
                // $field_crew1Select.append(new Option(managerName, managerId));
                // $computationSelect.append(new Option(managerName, managerId));
                // $drefts_personSelect.append(new Option(managerName, managerId));
                // $checked_bySelect.append(new Option(managerName, managerId));
                // $corrected_bySelect.append(new Option(managerName, managerId));
            }
            
            @if ($project)
                $managerSelect.val('{{ $project->manager }}');
                // $field_crewSelect.val('{{ $project->field_crew }}');
                // $field_crew1Select.val('{{ $project->field_crew1 }}');
                // $computationSelect.val('{{ $project->computation }}');
                // $drefts_personSelect.val('{{ $project->drefts_person }}');
                // $checked_bySelect.val('{{ $project->checked_by }}');
                // $corrected_bySelect.val('{{ $project->corrected_by }}');
            @endif

            $managerSelect.combobox({highlighter: comboboxHighlighter});
            // $field_crewSelect.combobox({highlighter: comboboxHighlighter});
            // $field_crew1Select.combobox({highlighter: comboboxHighlighter});
            // $computationSelect.combobox({highlighter: comboboxHighlighter});
            // $drefts_personSelect.combobox({highlighter: comboboxHighlighter});
            // $checked_bySelect.combobox({highlighter: comboboxHighlighter});
            // $corrected_bySelect.combobox({highlighter: comboboxHighlighter});
        });
        
        var boroughs = [{'id':1, 'name':'Manhattan'}, {'id':2, 'name':'Bronx'}, {'id':3, 'name':'Brooklyn'}, {'id':4, 'name':'Queens'}, {'id':5, 'name':'Staten Island'}];
        var boroughMap = {};

        $(function() {
            var $boroughSelect = $('select#borough');
            
            for (var i=0; i<boroughs.length; i++) {
                var borough = boroughs[i];
                boroughMap[boroughName] = borough;
                var boroughName = borough.name;
                var boroughId = borough.id;
                if (!boroughName) {
                  continue;
                }
                $boroughSelect.append(new Option(boroughName, boroughId));
            }
            
            @if($quotes_data)
                $boroughSelect.val('{{ $quotes_data->borough }}');
            @endif

            $boroughSelect.combobox({highlighter: comboboxHighlighter});
        });

        // // Restricts input for the given textbox to the given inputFilter.
        // function setInputFilter(textbox, inputFilter) {
        //   ["input", "keydown", "keyup", "mousedown", "mouseup", "select", "contextmenu", "drop"].forEach(function(event) {
        //     textbox.addEventListener(event, function() {
        //       if (inputFilter(this.value)) {
        //         this.oldValue = this.value;
        //         this.oldSelectionStart = this.selectionStart;
        //         this.oldSelectionEnd = this.selectionEnd;
        //       } else if (this.hasOwnProperty("oldValue")) {
        //         this.value = this.oldValue;
        //         this.setSelectionRange(this.oldSelectionStart, this.oldSelectionEnd);
        //       } else {
        //         this.value = "";
        //       }
        //     });
        //   });
        // }
        
        // // Install input filters.
        
        // setInputFilter(document.getElementById("lot"), function(value) {
        //   return /^\d*$/.test(value) && (value === "" || parseInt(value) <= 9999); });
          
        // setInputFilter(document.getElementById("block"), function(value) {
        //   return /^\d*$/.test(value) && (value === "" || parseInt(value) <= 99999); });
          
    </script>
    <style>
		#wrapper{padding-right:0;}
	</style>

@stop