@extends('master')
@section('content')

<div class="page-wrapper">
    <div class="content">
        <div class="page-header">
            <div class="page-title">
                <h4>{{ __('sitelabel.InstallmentCustomerList') }}</h4>
                <h6>{{ __('sitelabel.ManageYourInstallmentCustomer') }}</h6>
            </div>
            <div class="page-btn">
                <a href="{{url('/')}}/addinstcustomer" class="btn btn-added"><img src="{{url('/')}}/admin/assets/img/icons/plus.svg" class="me-2" alt="img">{{ __('sitelabel.AddNewInstallmentCustomer') }}</a>
            </div>
        </div>

    <div class="card">
        <div class="card-body">
            <div class="table-top">
                <div class="search-set">
                    <div class="search-path">
                        <a class="btn btn-filter" id="filter_search">
                        <img src="{{url('/')}}/admin/assets/img/icons/filter.svg" alt="img">
                        <span><img src="{{url('/')}}/admin/assets/img/icons/closes.svg" alt="img"></span>
                        </a>
                    </div>
                    <div class="search-input">
                        <a class="btn btn-searchset"><img src="{{url('/')}}/admin/assets/img/icons/search-white.svg" alt="img"></a>
                    </div>
                </div>
                <div class="wordset">
                    <ul>
                        <li>
                            <a data-bs-toggle="tooltip" data-bs-placement="top" title="pdf"><img src="{{url('/')}}/admin/assets/img/icons/pdf.svg" alt="img"></a>
                        </li>
                        <li>
                            <a data-bs-toggle="tooltip" data-bs-placement="top" title="excel"><img src="{{url('/')}}/admin/assets/img/icons/excel.svg" alt="img"></a>
                        </li>
                        <li>
                            <a data-bs-toggle="tooltip" data-bs-placement="top" title="print"><img src="{{url('/')}}/admin/assets/img/icons/printer.svg" alt="img"></a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="card" id="filter_inputs">
                <div class="card-body pb-0">
                    <div class="row">
                        <div class="col-lg-3 col-sm-6 col-12">
                            <div class="form-group">
                                <input type="text" placeholder="Enter Brand Name">
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6 col-12">
                            <div class="form-group">
                                <input type="text" placeholder="Enter Brand Description">
                            </div>
                        </div>
                        <div class="col-lg-1 col-sm-6 col-12 ms-auto">
                            <div class="form-group">
                                <a class="btn btn-filters ms-auto"><img src="{{url('/')}}/admin/assets/img/icons/search-whites.svg" alt="img"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="table-responsive">
                <table class="table datanew">
                    <thead>
                        <tr>
                            <th>{{ __('sitelabel.SerialNumber') }}</th>
                            <th>{{ __('sitelabel.Picture') }}</th>
                            <th>{{ __('sitelabel.Code') }}</th>
                            <th>{{ __('sitelabel.Name') }}</th>
                            <th>{{ __('sitelabel.Status') }}</th>
                            <th>{{ __('sitelabel.Action') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($creditcustomer as $creditcustomer)
                            <tr>
                                <td>
                                    {{ $loop->index + 1 }}
                                </td>
                                <td>
                                    <a class="product-img">
                                    <img src="{{url('/')}}/{{ $creditcustomer->Picture }}" alt="product">
                                    </a>
                                </td>
                                <td>{{$creditcustomer->CustomerCode}}</td>
                                <td>{{$creditcustomer->CustomerName}}</td>
                                <td>
                                    @if($creditcustomer->Status==1)
                                            {{ __('sitelabel.Active') }}
									@else
                                            {{ __('sitelabel.InActive') }}
									@endif
                                </td>
                                <td>
                                    <a class="me-3" href="{{url('/')}}/editcreditcustomer/{{$creditcustomer->Id}}">
                                        <img src="{{url('/')}}/admin/assets/img/icons/edit.svg" alt="img">
                                    </a>
                                    <a class="me-3 confirm-text" href="javascript:void(0);"  onclick="DeleteMsg({{ $creditcustomer->Id }})">
                                        <img src="{{url('/')}}/admin/assets/img/icons/delete.svg" alt="img">
                                    </a>
                                    <div class="modal fade" id="exampleModal{{ $creditcustomer->Id }}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                        <div class="modal-dialog">
                                            <div class="modal-content">
                                                
                                                <div class="modal-body">
                                                    <div class="alert alert-danger border-0 bg-danger alert-dismissible fade show py-2">
                                                        <div class="d-flex align-items-center">
                                                            <div class="font-35 text-white"><i class="bx bxs-message-square-x"></i>
                                                            </div>
                                                            <div class="ms-3">
                                                                <h6 class="mb-0 text-white">{{ __('sitelabel.DeleteMsg') }}</h6>
                                                                
                                                            </div>
                                                        </div>
                                                        
                                                    </div>	
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('sitelabel.Close') }}</button>
                                                    <a type="button" class="btn btn-primary" id="btnDelete" href="{{url('/deletecreditcustomer')}}/{{ $creditcustomer->Id }}">{{ __('sitelabel.Delete') }}</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                       
</tbody>
</table>
</div>
</div>
</div>

</div>
</div>
</div>

@endsection
@section('script')
	<script>
			function DeleteMsg(id)
			{
				var dialog = '#exampleModal'+id; 
				$(dialog).modal('show');
				
			}
			
	</script>
@endsection