@extends('layout')
@section('content')

@if (session('status'))
<div class="alert alert-success" role="alert">
    <button type="button" class="close" data-dismiss="alert">×</button>
    {{ session('status') }}
</div>
@elseif(session('failed'))
<div class="alert alert-danger" role="alert">
    <button type="button" class="close" data-dismiss="alert">×</button>
    {{ session('failed') }}
</div>
@endif

<div class="content-header row align-items-center m-0">
    @if(Auth::user()->getRoleNames()[0] == 'Account')
    <nav aria-label="breadcrumb" class="col-sm-4 order-sm-last mb-3 mb-sm-0 p-0 ">
        <ol class="breadcrumb d-inline-flex font-weight-600 fs-13 bg-white mb-0 float-sm-right">
            <li class="breadcrumb-item"><a href="{{ URL('bill-location-add') }}">+ New</a></li>
        </ol>
    </nav>
    @endif

    <div class="col-sm-8 header-title p-0">
        <div class="media">
            <div class="header-icon text-success mr-3"><i class="typcn typcn-spiral"></i></div>
            <div class="media-body">
                <h1 class="font-weight-bold">Bill Location Set</h1>
                <small>With new</small>
            </div>
        </div>
    </div>

</div>
<div class="body-content">
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table display table-bordered table-striped table-hover no-footer">
                            <thead>
                                <tr>
                                    <th>SL</th>
                                    <th>Bill Title</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $i = 1; $name=null; @endphp
                                @foreach ($result as $key => $data)

                                <tr id="id_{{ $data->id }}">
                                    <td>{{ $i++ }}</td>
                                    <td>{{ $data->title }}</td>
                                    <td>
                                        @if(Auth::user()->getRoleNames()[0] == 'Account')
                                        <a href="{{ URL('bill-location-edit/'.$data->id) }}" title="Edit">
                                            <button class="btn btn-success btn-sm"> <i class="typcn typcn-pen"></i>
                                        </button>
                                        </a>
                                        &nbsp; <a href="javaScript:void(0)" onclick="deleteMe({{ $data->id }})" title="Delete">
                                            <button class="btn btn-danger btn-sm">
                                                <i class="typcn typcn-trash"></i>
                                            </button>
                                        @endif

                                        &nbsp; <a href="javaScript:void(0)" onclick="details({{ $data->id }})" title="Details">
                                                <button class="btn btn-danger btn-sm">
                                                    <i class=" typcn typcn-eye"></i>
                                                </button>
                                        </a>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--/.body content-->
</div>
<div class="card"></div>


<div class="modal fade" id="serveyDetails" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-body">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content" style="padding: 15px;">
                <div id="modalContent"></div>
            </div>
        </div>
    </div>
</div>

<script>

function deleteMe(id)
{
    if (confirm("Are you sure you want delete this?") == true) {

        $("#id_"+id).hide();

        Toastify({
          text: "Successfully deleted.",
          duration: 4000,
          destination: "https://github.com/apvarun/toastify-js",
          newWindow: true,
          close: true,
          gravity: "top", // `top` or `bottom`
          positionRight: true, // `true` or `false`
          backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
        }).showToast();

        $.ajax({
            url:'{{ url('bill-location-delete') }}',
            type: 'GET',
            data: { id:id},
            success: function(data)
            {
                //window.location.reload();
            }
        });
    }
}

function details(id)
{
    $.ajax({
        url:'{{ url('bill-location-all') }}',
        type: 'GET',
        data: { id:id},
        success: function(data)
        {
            $("#serveyDetails").modal('show');
            $("#modalContent").html(data);
        }
    });
}


</script>
@endsection