@extends('layouts.app')

@section('content')
<div class="container mt-2">
    <div class="row">
        <div class="col-lg-12 margin-tb mb-3">
            <div class="pull-left">
                <h2>Edit Record</h2>
            </div>
            <div class="pull-right">
                <a class="btn btn-primary" href="{{ route('records.index') }}" enctype="multipart/form-data">Back</a>
                @if (auth()->check() && auth()->user()->role === 'admin') 
                <button class="btn btn-primary" type="button" id="viewHistoryButton" class="btn btn-primary">View History</button>
                @endif
            </div>
        </div>
    </div>
    @if(session('status'))
    <div class="alert alert-success mb-1 mt-1">
        {{ session('status') }}
    </div>
    @endif
    <form action="{{ route('records.update',$record->id) }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT')
        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-4 mb-3">
                <div class="form-group form-floating">
                    <input type="text" name="city" class="form-control" id="cityinput" placeholder="City Name" value="{{$record->city}}" disabled>
                    <label for="cityinput">City Name</label>
                    @error('city')
                    <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 mb-3">
                <div class="form-group form-floating">
                    <input type="text" id="state_id" name="state_id" class="form-control" placeholder="State ID" value="{{$record->state_id}}" disabled>
                    <label for="state_id">State ID</label>
                    @error('state_id')
                    <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 mb-3">
                <div class="form-group form-floating">
                    <input type="text" id="state_name" name="state" class="form-control" placeholder="State Name" value="{{$record->state}}" disabled>
                    <label for="state_name">State Name</label>
                    @error('state')
                    <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 mb-3">
                <div class="form-group form-floating">
                    <input type="text" name="county" name="county_input" class="form-control" placeholder="County Name" value="{{$record->county}}" disabled>
                    <label for="county_input">Country Name</label>
                    @error('county')
                    <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <div class="col-xs-12 col-sm-6 col-md-4 mb-3">
                <div class="form-group form-floating">
                    <input type="text" id="zip_code" name="zip_code" class="form-control" placeholder="Zip Code" value="{{$record->zip_code}}" disabled>
                    <label for="zip_code">Zip Code</label>
                    @error('zip_code')
                    <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 mb-3">
                <div class="form-group form-floating">
                    <input type="text" name="latitude_label" name="latitude" class="form-control" placeholder="Latitude" value="{{$record->latitude}}" disabled>
                    <label for="latitude_label">Latitude</label>
                    @error('latitude')
                    <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 mb-3">
                <div class="form-group form-floating">
                    <input type="text" name="longitude_label" name="longitude" class="form-control" placeholder="Longitude" value="{{$record->longitude}}" disabled>
                    <label for="longitude_label">Longitude</label>
                    @error('longitude')
                    <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 mb-3">
                <div class="form-group form-floating">
                    <input type="text" name="avg_household_income_label" name="avg_household_income" class="form-control" placeholder="Average Household Income" value="{{$record->avg_household_income}}" disabled>
                    <label for="avg_household_income_label">Average Household Income</label>
                    @error('avg_household_income')
                    <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 mb-3">
                <div class="form-group form-floating">
                    <input type="text" id="avg_home_value" name="avg_home_value" class="form-control" placeholder="Average Home Value" value="{{$record->avg_home_value}}" disabled>
                    <label for="avg_home_value">Average Home Value</label>
                    @error('avg_home_value')
                    <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 mb-3">
                <div class="form-group form-floating">
                    <input type="text" id="municipality_main_tel" name="municipality_main_tel" class="form-control" placeholder="Municipality Main Telephone Numbers" value="{{$record->municipality_main_tel}}">
                    <label for="municipality_main_tel">Municipality Main Telephone Numbers</label>
                    @error('municipality_main_tel')
                    <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 mb-3">
                <div class="form-group form-floating">
                    <input type="text" id="building_department_main_phone" name="building_department_main_phone" class="form-control" placeholder="Building Department Main Phone Number" value="{{$record->building_department_main_phone}}">
                    <label for="building_department_main_phone">Building Department Main Phone Number</label>
                    @error('building_department_main_phone')
                    <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 mb-3">
                <div class="form-group form-floating">
                    <input type="text" id="building_department_main_email" name="building_department_main_email" class="form-control" placeholder="Building Department Main Email" value="{{$record->building_department_main_email}}">
                    <label for="building_department_main_email">Building Department Main Email</label>
                    @error('building_department_main_email')
                    <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 mb-3">
                <div class="form-group form-floating">
                    <input type="text" id="chief_building_official_name" name="chief_building_official_name" class="form-control" placeholder="Chief Building Official Name" value="{{$record->chief_building_official_name}}">
                    <label for="chief_building_official_name">Chief Building Official Name</label>
                    @error('chief_building_official_name')
                    <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="col-xs-10 col-sm-4 col-md-3 mb-3">
                <div class="form-group form-floating">
                    <input type="text" id="website" name="website" class="form-control" placeholder="Website Address" value="{{$record->website}}">
                    <label for="website">Website</label>
                    @error('website')
                    <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-1 mb-3">
                <div class="form-check">
                    <input type="checkbox" id="is_verified" name="is_verified" class="form-check-input" value="1" @if($record->is_verified) checked @endif >
                    <label class="form-check-label" for="is_verified">Verifed</label>
                    @error('is_verified')
                    <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                    @enderror
                </div>
            </div> 
            <div class="col-xs-12 col-sm-6 col-md-4 mb-3">
                <div class="form-group form-floating">
                    <input type="text" id="sales_tax_rate" name="sales_tax_rate" class="form-control" placeholder="Sales Tax Rate" value="{{$record->sales_tax_rate}}">
                    <label for="sales_tax_rate">Sales Tax Rate</label>
                    @error('sales_tax_rate')
                    <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 mb-3">
                <div class="form-group form-floating">
                    <select class="form-select" name="code_enforced" id="code_enforced">
                        @if(!isset($record->code_enforced))
                            <option selected disabled>Select Option</option>
                        @endif
                        <option value="Yes" {{ $record->code_enforced === "Yes" ? 'selected' : '' }}`>Yes</option>
                        <option value="No" {{ $record->code_enforced === "No" ? 'selected' : '' }}>No</option>
                    </select>
                    <label for="code_enforced">---- Code Enforced ----</label>
                    @error('code_enforced')
                    <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 mb-3">
                <div class="form-group form-floating">
                    <select class="form-select" name="code_installed" id="code_installed">
                        @if(!isset($record->code_installed))
                            <option selected disabled>Select Option</option>
                        @endif
                        <option value="Yes" {{ $record->code_installed === "Yes" ? 'selected' : '' }}`>Yes</option>
                        <option value="No" {{ $record->code_installed === "No" ? 'selected' : '' }}>No</option>
                    </select>
                    <label for="code_installed">---- Code Installed Per Manufacture Specification ----</label>
                    @error('code_enforced')
                    <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 mb-3">
                <div class="form-group form-floating">
                    <select class="form-select" name="issued_building_permits" id="issued_building_permits">
                        @if(!isset($record->issued_building_permits))
                        <option selected disabled>Select Option</option>
                        @endif
                        <option value="Yes" {{ $record->issued_building_permits === "Yes" ? 'selected' : '' }}`>Yes</option>
                        <option value="No" {{ $record->issued_building_permits === "No" ? 'selected' : '' }}>No</option>
                    </select>
                    <label for="issued_building_permits">---- Issued Building Permits ----</label>
                    @error('issued_building_permits')
                    <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 mb-3">
                <div class="form-group form-floating">
                    <input type="text" id="intl_building_code" name="intl_building_code" class="form-control" placeholder="International Building Code (IBC) - Year Used" value="{{$record->intl_building_code}}">
                    <label for="intl_building_code">International Building Code (IBC) - Year Used</label>
                    @error('intl_building_code')
                    <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 mb-3">
                <div class="form-group form-floating">
                    <input type="text" id="intl_energy_conversation_code" name="intl_energy_conversation_code" class="form-control" placeholder="International Energy Conservation Code (IECC) - Year Used" value="{{$record->intl_energy_conversation_code}}">
                    <label for="intl_energy_conversation_code">International Energy Conservation Code (IECC) - Year Used</label>
                    @error('intl_energy_conversation_code')
                    <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            @if (auth()->check() && auth()->user()->role === 'admin')
                @foreach($flatFields as $field)
                    <div class="col-xs-12 col-sm-6 col-md-4 mb-3">
                        <div class="form-group form-floating">
                            <input type="text" id="{{ $field }}" name="{{ $field }}" class="form-control" placeholder="{{ ucwords(str_replace('_', ' ', $field)) }}" value="{{ $record->$field }}">
                            <label for="{{ $field }}">{{ ucwords(str_replace('_', ' ', $field)) }}</label>
                            @error($field)
                            <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                @endforeach
            @endif
            <div class="col-xs-12 col-sm-12 col-md-12 mt-2">
                <button type="submit" class="btn btn-primary ml-3">Submit</button>
            </div>
        </div>
    </form>
</div> 
<!-- Modal Popup -->
<div class="modal fade" id="historyModal" tabindex="-1" aria-labelledby="historyModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content"> 
            <div class="modal-header">
                <h5 class="modal-title">Record History</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">  
                <input type="text" id="searchHistory" class="form-control" placeholder="Search...">
                <div id="historyTable">
                </div>
            </div>
        </div>
    </div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function() {
        $('#viewHistoryButton').on('click', function(e) {
            e.preventDefault();
            console.log("test");
            $.get('{{ route("records.history.show", ["id" => $record->id]) }}', function(response) {
                $('#historyTable').html(response);
                $('#historyModal').modal('show');
            });
        });
        $(document).on('keyup', '#searchHistory', function() {
            var search = $(this).val();
            $.get('{{ route("records.history.show", ["id" => $record->id]) }}?search=' + search, function(response) {
                $('#historyTable').html(response);
            });
        });

        $(document).on('click', '.pagination a', function(e) {
            e.preventDefault();
            var url = $(this).attr('href');
            loadHistoryRecords(url);
        });

        function loadHistoryRecords(url) {
            $.get(url, function(response) {
                $('#historyTable').html(response);
            });
        }
    });
</script>

@endsection