@extends('layouts/acc_layout')
@section('title', '| Cardless EMI Company Config')
@push('style')
    <style>
        div:where(.swal2-container) div:where(.swal2-html-container) {
            font-size: .8em !important;
        }

        div:where(.swal2-container) h2:where(.swal2-title) {
            font-size: 1.6em;
        }

        div:where(.swal2-icon) {
            margin: 2em auto .6em !important;

        }
    </style>
@endpush
@section('content')

    <div class="row">
        <div class="col-md-12">
            <div class="" style="">
                <div class="">
                    <div class="panel panel-default" style="background-color:#708090;">
                        <div class="panel-heading" style="padding-bottom:0px">
                            <div class="panel-options">
                                <a href="{{ url('acc/cardlessEmiCompany/add') }}" class="btn btn-info pull-right addViewBtn">
                                    <i class="glyphicon glyphicon-plus-sign addIcon"></i>Add Cardless EMI Company</a>
                            </div>
                            <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px">
                                <font color="white">Cardless EMI Company Config</font>
                            </h1>
                        </div>
                        <div class="panel-body panelBodyView">
                            <div class="table-responsive"> 
                                <table class="table table-striped align-middle table-bordered" id="myTable" style="color:black;">
                                    <thead>
                                        <tr>
                                            <th width="60">SL#</th>
                                            <th>Company Name</th>
                                            <th>Email</th>
                                            <th>Phone</th>
                                            <th>Website</th>
                                            <th>Address</th>
                                            <th>Status</th>
                                            <th width="100">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($companies as $company)
                                            <tr>
                                                <td class="text-center">{{ $loop->iteration }}</td>
                                                <td class="name">{{ $company->name }}</td>
                                                <td class="">{{ $company->email ?? '-' }}</td>
                                                <td class="">{{ $company->phone ?? '-' }}</td>
                                                <td class="">{{ $company->website ?? '-' }}</td>
                                                <td class="">{{ $company->address ?? '-' }}</td>
                                                <td class="text-center">
                                                    @if ($company->status)
                                                        <span class="fa fa-check" style="color:green"></span>
                                                    @else
                                                        <span class="fa fa-close" style="color:red"></span>
                                                    @endif
                                                </td>
                                                <td class="text-center">
                                                    <div class="text-nowrap">
                                                        <a href="{{ url('acc/cardlessEmiCompany/edit/' . $company->id) }}" class="">
                                                            <span class="fa fa-edit"></span>
                                                        </a>&nbsp;
                                                        <a href="javascript:;" data-id="{{ $company->id }}" class="delete ">
                                                            <span class="fa fa-trash"></span>
                                                        </a>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>

                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function() {
            $(document).on('click', '.delete', function() {
                var companyId = $(this).data('id');

                Swal.fire({
                    title: 'Are you sure?',
                    text: "You won't be able to revert this!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, delete it!',
                    cancelButtonText: 'Cancel',
                    customClass: {
                        confirmButton: 'btn btn-danger me-2',
                        cancelButton: 'btn btn-secondary'
                    },
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            type: "POST",
                            url: "{{ url('acc/cardlessEmiCompany/delete') }}",
                            data: {
                                id: companyId,
                                _token: '{{ csrf_token() }}'
                            },
                            dataType: "json",
                            success: function(response) {
                                if (response.success) {
                                    Swal.fire('Deleted!', response.message, 'success')
                                        .then(() => {
                                            location.reload();
                                        });
                                } else {
                                    Swal.fire('Error!', response.message, 'error');
                                }
                            },
                            error: function(xhr) {
                                Swal.fire('Error!', 'Something went wrong!', 'error');
                            }
                        });
                    }
                });
            });


        });
    </script>
@endsection