@extends('layouts.app')
@section('title', Str::title($title))
@section('content')
<!--begin::Content-->
<div class="content  d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Subheader-->
    <div class="subheader py-2 py-lg-6  subheader-solid " id="kt_subheader">
        <div class=" container-fluid  d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap">
            <!--begin::Info-->
            <div class="d-flex align-items-center flex-wrap mr-1">
                <!--begin::Page Heading-->
                <div class="d-flex align-items-baseline flex-wrap mr-5">
                    <!--begin::Page Title-->
                    <h5 class="text-dark font-weight-bold my-1 mr-5">
                        {{ Str::title($title) }}                                 
                    </h5>
                    <!--end::Page Title-->
                    <!--begin::Breadcrumb-->
                    <ul class="breadcrumb breadcrumb-transparent breadcrumb-dot font-weight-bold p-0 my-2 font-size-sm">
                        <li class="breadcrumb-item">
                            <a href="{{ url('/dashboard') }}" class="text-muted"> Home </a>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="" class="text-muted">{{ Str::title($title) }}</a>
                        </li>
                    </ul>
                    <!--end::Breadcrumb-->
                </div>
                <!--end::Page Heading-->
            </div>
            <!--end::Info-->
            
        </div>
    </div>
    <!--end::Subheader-->
    <!--begin::Entry-->
    <div class="d-flex flex-column-fluid">
        <!--begin::Container-->
        <div class=" container ">
            
            <!--begin::Card-->
            <div class="card card-custom">
                <div class="card-header flex-wrap border-0 pt-6 pb-0">
                    <div class="card-title">
                        <h3 class="card-label">
                            Business Type Datasource
                            <span class="d-block text-muted pt-2 font-size-sm">Sorting & pagination remote datasource</span>
                        </h3>
                    </div>
                    <div class="card-toolbar">
                        <!--begin::Dropdown-->
                        <!--begin::Button-->
                        <a href="{{ url('business_type/create') }}" class="btn btn-primary font-weight-bolder">
                            <span class="svg-icon svg-icon-md">
                                <!--begin::Svg Icon | path:assets/media/svg/icons/Design/Flatten.svg-->
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <rect x="0" y="0" width="24" height="24"/>
                                        <circle fill="#000000" cx="9" cy="15" r="6"/>
                                        <path d="M8.8012943,7.00241953 C9.83837775,5.20768121 11.7781543,4 14,4 C17.3137085,4 20,6.6862915 20,10 C20,12.2218457 18.7923188,14.1616223 16.9975805,15.1987057 C16.9991904,15.1326658 17,15.0664274 17,15 C17,10.581722 13.418278,7 9,7 C8.93357256,7 8.86733422,7.00080962 8.8012943,7.00241953 Z" fill="#000000" opacity="0.3"/>
                                    </g>
                                </svg>
                                <!--end::Svg Icon-->
                            </span>
                            Add Business Type
                        </a>
                        <!--end::Button-->
                    </div>
                </div>
                <div class="card-body">
                    <!--begin: Search Form-->
                    <!--begin::Search Form-->
                    <div class="mb-7">
                        <div class="row align-items-center">
                            <div class="col-lg-9 col-xl-8">
                                <div class="row align-items-center">
                                    <div class="col-md-4 my-2 my-md-0">
                                        <div class="input-icon">
                                            <input type="text" class="form-control search" placeholder="Search..." name="search_name" id="kt_datatable_search_query" />
                                            <span><i class="flaticon2-search-1 text-muted"></i></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--end::Search Form-->
                    <!--end: Search Form-->
                    <!--begin: Datatable-->
                    <div class="datatable-bordered datatable-head-custom">
                        <table class="table table-bordered" id="dataTables">
                            <thead>
                                <tr>
                                    <th>Name</th>
                                    <th>Description</th>
                                    <th>Status</th>
                                    <th>Created Date</th>
                                    <th>Options</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                    <!--end: Datatable-->
                </div>
            </div>
            <!--end::Card-->
        </div>
        <!--end::Container-->
    </div>
    <!--end::Entry-->
</div>
<!--end::Content-->
</div>
@endsection
@push('page-css')
<link rel=stylesheet href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css">
@endpush
@push('page-scripts')
<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
@endpush
@push('inner-scripts')
<script>
    var table;
    $(function () {
        table = $('#dataTables').DataTable({
            processing: true,
            serverSide: true,
            stateSave: true, 
            bLengthChange: false,
            searching: false,
            ajax: {
                url: '{{ url('business_type/lists') }}',
                data: search
            },
            columns: [
                {data: 0, name: 'name'},
                {data: 1, name: 'description'},
                {data: 2, name: 'status'},
                {data: 3, name: 'created_at'},
                {data: 4, name: 'action', orderable: !1, searchable: !1}
            ]
        });
    
        $(".search").keyup(function () {
            table.draw();
        });
    });
    
    function search(value) {
        value.search_name = $('input[name=search_name]').val();
    }
    
    
    function softDelete(b) {

            
        Swal.fire({
            title: "Are you sure?",
            text: "You wont be able to revert this!", 
            icon: "warning",
            showCancelButton: true,
            confirmButtonText: "Yes, delete it!"
        }).then(function(result) {
            if (result.value) {

                $.ajax({url: "{{ url('business_type') }}/" + b, type: "DELETE", dataType: "html"})
                    .done(function (a) {
                        var data = JSON.parse(a);
                       if(data.flagError){
                            Swal.fire(
                                "Error!",
                                "Somthing went wrong!",
                                "error"
                            )

                         }else{
                            table.ajax.reload(null, false);
                            Swal.fire(
                                "Deleted!",
                                "item has been deleted.",
                                "success"
                            )
                         }   
                    }).fail(function () {
                            Swal.fire(
                                "Error!",
                                "Somthing went wrong!",
                                "error"
                            )

                });
                
            }else if (result.dismiss === "cancel") {
                Swal.fire(
                    "Cancelled",
                    "Your area file is safe :)",
                    "error"
                )
            }
        });
     }
</script>
@endpush