@extends('app.dashboard')

@section('content')

<div class="page-wrapper">
    <!-- Page Content-->
    <div class="page-content pr-5 pl-5">
        <style>
            .nav-tabs .nav-link.active,
            .nav-tabs .nav-item.show .nav-link {
                color: #fff;
                background-color: #f68c1e !important;
                border-color: #f68c1e !important;
            }

            label {
                font-weight: 500;
            }

            .even {
                background-color: #F5F5F5 !important;
            }

            .odd {
                background-color: #fff !important;
            }

            .dataTables_filter {
                margin-left: 10px;
                float: right;
            }

            .dataTables_length {
                margin-right: 20px;
                float: left;
            }

            .dtr-title, .dtr-data {
                width: 160px;
            }

            .dtr-data {
                width: 200px;
            }

        </style>
        <div class="container-fluid mt-2">
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="card">
                                        <div class="card-body">
                                            <form id="manualform_2" action="{{route('create_single_order')}}"
                                                method="POST">
                                                @csrf
                                                @if (isset($fieldValues))
                                                @foreach ($fieldValues as $fieldValue)
                                                <input type="hidden" value="{{$fieldValue->id}}" name="id" id="id" />
                                                <h4 class="pt-0 mt-0"> Manual Orders </h4>
                                                <div class="card">
                                                    <div class="card-body" style="border-top:3px solid #7680ff">
                                                        <div class="form-group row mb-0 pb-0">
                                                            <div class="form-group col-lg-4 mb-0 pb-0">
                                                                <label>Order Number</label>
                                                                <input type="text" name="order_number" id="order_number"
                                                                    class="form-control"
                                                                    value="{{$fieldValue->order_number}}"
                                                                    placeholder="Enter Order#">
                                                                @error('order_number')
                                                                <span class="text-danger">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                            <div class="form-group col-lg-4 mb-0 pb-0">
                                                                <label> Buyer Name</label>
                                                                <input type="text" name="buyer_name"
                                                                    id="buyer_name" class="form-control"
                                                                    value="{!! ucwords($fieldValue->buyer_name) !!}"
                                                                    placeholder="Enter Buyer Name">
                                                                @error('buyer_name')
                                                                <span class="text-danger">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                            <div class="form-group col-lg-4 mb-0 pb-0">
                                                                <label>Property Types</label>
                                                                <input type="text" name="property_type"
                                                                    id="property_type" class="form-control" value="{{$fieldValue->property_type}}"
                                                                    placeholder="Enter Property Type">
                                                                @error('property_type')
                                                                <span class="invalid-feedback">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="form-group row mt-3 mb-3 pb-0">
                                                            <div class="form-group col-lg-4 mb-0 pb-0">
                                                                <label> Property Address</label>
                                                                <textarea name="property_addressline1"
                                                                    id="property_addressline1" class="form-control" rows="1"
                                                                    placeholder="Address Line 1">{{$fieldValue->property_addressline1}}</textarea>
                                                                @error('property_addressline1')
                                                                <span class="text-danger">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                            <div class="form-group col-lg-4 mb-0 pb-0">
                                                                <label><br></label>
                                                                <textarea name="property_addressline2"
                                                                    id="property_addressline2" class="form-control" rows="1"
                                                                    placeholder="Address Line 2">{{$fieldValue->property_addressline2}}</textarea>
                                                                @error('property_addressline2')
                                                                <span class="text-danger">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                            <div class="form-group col-lg-4 mb-0 pb-0">
                                                                <label> Property City</label>
                                                                <input type="text" name="property_city"
                                                                    id="property_city" class="form-control"
                                                                    value="{{$fieldValue->property_city}}"
                                                                    placeholder="Enter Property City">
                                                                @error('property_city')
                                                                <span class="text-danger">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="form-group row mb-0 pb-0">
                                                            <div class="form-group col-lg-4 mb-0 pb-0 mt-1">
                                                                <label>Property State</label>
                                                                <select class="form-control" name="property_state" id="property_state">
                                                                    <option disabled> Select State</option>
                                                                    @foreach ($states as $state)
                                                                    @if ($fieldValue->property_state == $state->id)
                                                                    <option selected value="{{ $state->id }}">
                                                                        {{ $state->short_code    }}</option>
                                                                    @else
                                                                    <option value="{{ $state->id }}">
                                                                        {{ $state->short_code	 }}</option>
                                                                    @endif
                                                                    @endforeach
                                                                </select>
                                                                @error('property_state')
                                                                <span class="invalid-feedback">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                            <div class="form-group col-lg-4 mb-0 pb-0 mt-1">
                                                                <label>Property County</label>
                                                                <select class="form-control" name="property_county" id="property_county">
                                                                    @foreach ($counties as $county)
                                                                    @if ($fieldValue->property_county == $county->id)
                                                                    <option selected value="{{ $county->id }}">
                                                                        {{ $county->county_name }}</option>
                                                                    @endif
                                                                    @endforeach
                                                                </select>
                                                                @error('property_county')
                                                                <span class="invalid-feedback">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                            <div class="form-group col-lg-4 mb-0 pb-0 mt-1">
                                                                <label> Property ZIP</label>
                                                                <input type="text" name="property_zip"
                                                                    id="property_zip" class="form-control"
                                                                    value="{{$fieldValue->property_zip}}"
                                                                    placeholder="Enter Property ZIP">
                                                                @error('property_zip')
                                                                <span class="text-danger">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="form-group row mt-0 mb-2 pb-0">
                                                            <div class="form-group col-lg-2 mb-0 pb-0">
                                                                @if ($fieldValue->is_active)
                                                                <label style="margin-top:2.3rem !important"> Is Active
                                                                    <input type="checkbox" name="is_active"
                                                                        id="is_rush1" checked value="1"
                                                                        style="vertical-align:middle !important;"
                                                                        onchange="handleCheckboxChange()">
                                                                </label>
                                                                @else
                                                                <label style="margin-top:2.3rem !important"> Is Active
                                                                    <input type="checkbox" name="is_active"
                                                                        id="is_rush1" value="0"
                                                                        style="vertical-align:middle !important;"
                                                                        onchange="handleCheckboxChange()">
                                                                </label>
                                                                @endif
                                                                @error('property_type')
                                                                <span class="invalid-feedback">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                            <div class="form-group col-lg-2 mt-4 mb-0 pb-0">
                                                                <input type="submit" name="update" value="Update" id="submit"
                                                                class="btn btn-md btn-success">
                                                                <a href="{{route('single_order')}}"
                                                                    class="ml-2 btn btn-md btn-danger">
                                                                    Cancel</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endforeach
                                                @else
                                                <input type="hidden" value="" name="id" id="id" />
                                                <h4 class="pt-0 mt-0"> Manual Orders </h4>
                                                <div class="card">
                                                    <div class="card-body" style="border-top:3px solid #7680ff">
                                                        <div class="form-group row mb-3 pb-0">
                                                            <div class="form-group col-lg-4 mb-0 pb-0">
                                                                <label>Order # <span
                                                                        style="color:red;">&nbsp;*</span> </label>
                                                                <input required type="text" name="order_number" id="order_number"
                                                                    class="form-control" value=""
                                                                    placeholder="Enter Order No">
                                                                @error('order_number')
                                                                <span class="text-danger">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                            <div class="form-group col-lg-4 mb-0 pb-0">
                                                                <label> Buyer Name </label>
                                                                <input type="text" name="buyer_name"
                                                                    id="buyer_name" class="form-control" value=""
                                                                    placeholder="Enter Buyer Name">
                                                                @error('buyer_name')
                                                                <span class="text-danger">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                            <div class="form-group col-lg-4 mb-0 pb-0">
                                                                <label>Property Type</label>
                                                                <input type="text" name="property_type"
                                                                    id="property_type" class="form-control" value=""
                                                                    placeholder="Enter Property Type">
                                                                @error('property_type')
                                                                <span class="invalid-feedback">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                         <div class="form-group row mb-3 pb-0">
                                                            <div class="form-group col-lg-4 mb-0 pb-0">
                                                                <label> Property Address</label>
                                                                <textarea name="property_addressline1"
                                                                    id="property_addressline1" class="form-control" rows="1"
                                                                    placeholder="Address Line 1"></textarea>
                                                                @error('property_addressline1')
                                                                <span class="text-danger">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                            <div class="form-group col-lg-4 mb-0 pb-0">
                                                                <label><br></label>
                                                                <textarea name="property_addressline2"
                                                                    id="property_addressline2" class="form-control" rows="1"
                                                                    placeholder="Address Line 2"></textarea>
                                                                @error('property_addressline2')
                                                                <span class="text-danger">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                            <div class="form-group col-lg-4 mb-0 pb-0">
                                                                <label> Property City</label>
                                                                <input type="text" name="property_city"
                                                                    id="property_city" class="form-control" value=""
                                                                    placeholder="Enter Property City">
                                                                @error('property_city')
                                                                <span class="text-danger">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="form-group row mb-3 pb-0">
                                                            <div class="form-group col-lg-4 mb-0 pb-0 mt-1">
                                                                <label>Property State</label>
                                                                <select class="form-control"
                                                                    name="property_state" id="property_state">
                                                                    <option selected disabled value=""> Select State </option>
                                                                    @foreach ($states as $state)
                                                                    <option value="{{ $state->id }}">
                                                                        {{ $state->short_code }}</option>
                                                                    @endforeach
                                                                </select>
                                                                @error('property_state')
                                                                <span class="invalid-feedback">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                            <div class="form-group col-lg-4 mb-0 pb-0 mt-1">
                                                                <label>Property County</label>
                                                                <select class="form-control"
                                                                    name="property_county" id="property_county">
                                                                </select>
                                                                @error('property_county')
                                                                <span class="invalid-feedback">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                            <div class="form-group col-lg-4 mb-0 pb-0 mt-1">
                                                                <label> Property ZIP</label>
                                                                <input type="text" name="property_zip"
                                                                    id="property_zip" class="form-control" value=""
                                                                    placeholder="Enter Property ZIP">
                                                                @error('property_zip')
                                                                <span class="text-danger">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="form-group row mt-0 mb-2 pb-0">
                                                            <div class="form-group col-lg-2 mb-0 pb-0">
                                                                <label style="margin-top:2.3rem !important"> Is Active
                                                                    <input type="checkbox" name="is_active" id="is_active"
                                                                        class="mt-0" checked value="1"
                                                                        onchange="handleCheckboxChange()">
                                                                </label>
                                                                @error('property_type')
                                                                <span class="invalid-feedback">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                            <div class="form-group col-lg-1 mt-4 mb-0 pb-0">
                                                                <input type="submit" name="Create" value="Create" id="submit"
                                                                class="btn btn-md btn-success">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endif
                                            </form>
                                        </div>
                                        <div class="p-4 table-responsive">
                                            <table id="myTable" class="table table-bordered nowrap"
                                                    style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                                <thead>
                                                    <tr>
                                                        <th>Order #</th>
                                                        {{-- <th>Seller #</th> --}}
                                                        <th>Property Address</th>
                                                        <th>State </th>
                                                        <th>County </th>
                                                        <th>Buyer Name </th>
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($orders as $order)
                                                    <tr style="color:#36374c" r>
                                                        <td>{{ $order->order_number }}</td>
                                                        {{-- <td>{{ $order->seller_number }}</td> --}}
                                                        <td>{{ $order->property_addressline1 }}</td>
                                                        <td>{{ $order->short_code }}</td>
                                                        <td>{{ $order->county_name }}</td>
                                                        <td>{!! ucwords($order->buyer_name) !!}</td>
                                                        <td>
                                                            <a href="{{url('single_order/edit/'.$order->id)}}"
                                                                title="Edit"><button class="btn btn-primary btn-sm"><i
                                                                        class="fa fa-pencil-square-o"
                                                                        aria-hidden="true"></i> Edit</button></a>
                                                        </td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    $(document).ready(function () {
        $('#myTable').DataTable( {
            responsive: true
    } );
});

</script>
<!-- state & county dropdown  -->
<script type="text/javascript">
$(document).ready(function () {



    @if (isset($fieldValues))

        var state_id = $("#property_state").val();
        var county_id = $("#property_county").val();
            $("#property_county").html('');
            $.ajax({
                url: "{{url('get_county_by_state')}}",
                type: "POST",
                data: {
                    state_id: state_id,
                    _token: '{{csrf_token()}}'
                },
                dataType: 'json',
                success: function (result) {
                    $('#property_county').html('<option value="">Select County</option>');
                    $.each(result.county, function (key, value) {
                        if(county_id == value.id) {
                            $("#property_county").append('<option selected value="' + value
                                .id + '">' + value.county_name + '</option>');
                        } else {
                            $("#property_county").append('<option value="' + value
                                .id + '">' + value.county_name + '</option>');
                        }
                    });
                }
            });

            $("#property_county").select2();

    @else
    $('#property_state').on('change', function () {
        $("#property_county").select2();
        var state_id = $("#property_state").val();
        $("#property_county").html('');
        $.ajax({
            url: "{{url('get_county_by_state')}}",
            type: "POST",
            data: {
                state_id: state_id,
                _token: '{{csrf_token()}}'
            },
            dataType: 'json',
            success: function (result) {
                $('#property_county').html('<option value="">Select County</option>');
                $.each(result.county, function (key, value) {
                    $("#property_county").append('<option value="' + value
                        .id + '">' + value.county_name + '</option>');
                });
            }
        });
    });

    @endif

});
</script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#property_state").select2();
    });
</script>
@endsection