@extends('layouts.master')

@section('title','Property Change')

@section('content')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Set Default Company</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active">Default Company</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>

    <div class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">

                    <div class="card card-primary card-outline card-outline-tabs">

                        <div class="card-body">
                            <div class="row">
                                <div class="col-lg-4">
                                    <label>Select Company</label>
                                    <select class="form-control select2" id="property">
                                        @foreach($properties as $value)
                                            <option value="{{$value->id}}">{{$value->property_name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <br>
                            <div class="row">
                                <div class="col-lg-4">
                                    <button class="btn btn-primary" id="btn_save" onclick="savePropertyChange()">
                                        <span id="btn_loading"></span>Save
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <script>
        function savePropertyChange() {
            var csrf_token = $('meta[name="csrf-token"]').attr('content');
            var property = $("#property").val();

            $("#btn_save").attr("disabled", true);
            $("#btn_loading").addClass("fa fa-spinner fa-spin fa-fw");
            $.ajax({
                type: 'post',
                url: '{{url('/property-change/save-property-change')}}',
                data: {
                    _token: csrf_token,
                    property: property
                },
                async: true,
                success: function (data) {
                    $("#btn_save").attr("disabled", false);
                    $("#btn_loading").removeClass("fa fa-spinner fa-spin fa-fw");
                    swlToster('success', "Property successfully changed");
                },
                error: function (data) {
                    $("#btn_save").attr("disabled", false);
                    $("#btn_loading").removeClass("fa fa-spinner fa-spin fa-fw");
                    swlToster('error', "Something went wrong");
                }
            });
        }
    </script>
@endsection