Viewing file: headerId.blade.php (8.63 KB) -rw-r--r-- Select action/file-type: (+) | (+) | (+) | Code (+) | Session (+) | (+) | SDB (+) | (+) | (+) | (+) | (+) | (+) |
@extends('layouts.customer')
@section('title', trans('admin.header_id'))
@section('extra-css') <link rel="stylesheet" href="{{asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}"> <link rel="stylesheet" href="{{asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}"> <style> .select2-container--default.select2-dropdown.select2-dropdown--below { margin-right: 151px; } select2-container.select2-container--default.select2-container--open{ left: 0; }
</style> @endsection
@section('content') <!-- Main content --> <section class="content"> <div class="row"> <div class="col-12"> <div class="card"> <div class="card-header"> <h2 class="card-title">@lang('customer.list')</h2> <div class="float-right"> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">@lang('Header ID Request')</button> </div> </div> <!-- /.card-header --> <div class="card-body"> <table id="sender_ids" class="table table-striped table-bordered dt-responsive nowrap"> <thead> <tr> <th>@lang('customer.sender_id')</th> <th>{{trans('customer.expire_date')}}</th> <th>@lang('customer.status')</th> <th>@lang('customer.action')</th> </tr> </thead>
</table> </div> <!-- /.card-body --> </div> <!-- /.card --> </div> <!-- /.col --> </div> <!-- /.row --> </section> <!-- /.content -->
<div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header p-2"> <h4 class="modal-title ml-1">@lang('New Header ID')</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form method="post" role="form" id="headerCreateForm" action="{{ route('customer.headerid.request.store') }}" enctype="multipart/form-data"> @csrf <div class="form-group"> <label for="header_id">Header ID *</label> <input type="text" name="header_id" class="form-control" id="header_id" placeholder="Header ID" required> </div> <div class="form-group"> <label for="entity_id">Entity ID *</label> <input type="text" name="entity_id" class="form-control" id="entity_id" placeholder="Entity ID" required> </div> <div class="form-group"> <label for="description">Description</label> <textarea type="text" name="description" class="form-control" id="description" placeholder="Description"></textarea> </div> <div class="form-group"> <label for="attach_documents">Attach Supporting Documents *</label> <div class="input-group"> <div class="custom-file"> <input name="attach_documents" type="file" class="custom-file-input" id="attach_documents"> <label class="custom-file-label" for="attach_documents">Choose File</label> </div> </div> </div> <div class="modal-footer p-2"> <button id="modal-confirm-btn" type="submit" class="btn btn-primary btn-sm">Submit</button> <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button> </div> </form> </div> </div> </div> </div> <div class="modal fade" id="editSenderId" role="dialog"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header p-2"> <h4 class="modal-title ml-1">@lang('Edit Header ID')</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form method="post" role="form" id="updateForm" enctype="multipart/form-data" action=""> @csrf @method('put') <div class="form-group"> <label for="header_id_edit">Header ID *</label> <input type="text" name="header_id" class="form-control" id="header_id_edit" placeholder="Header ID" required> </div> <div class="form-group"> <label for="entity_id_edit">Entity ID *</label> <input type="text" name="entity_id" class="form-control" id="entity_id_edit" placeholder="Entity ID" required> </div> <div class="form-group"> <label for="description_edit">Description</label> <textarea type="text" name="description" class="form-control" id="description_edit" placeholder="Description"></textarea> </div> <div class="form-group"> <label for="attach_documents">Attach Supporting Documents *</label> <div class="input-group"> <div class="custom-file"> <input name="attach_documents" type="file" class="custom-file-input" id="attach_documents"> <label class="custom-file-label" for="attach_documents">Choose File</label> </div> </div> </div> <div class="modal-footer p-2"> <button id="modal-confirm-btn" type="submit" class="btn btn-primary btn-sm">Submit</button> <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button> </div> </form> </div> </div> </div> </div> @endsection
@section('extra-scripts') <script src="{{asset('plugins/datatables/jquery.dataTables.min.js')}}"></script> <script src="{{asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js')}}"></script> <script src="{{asset('plugins/datatables-responsive/js/dataTables.responsive.min.js')}}"></script> <script src="{{asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js')}}"></script> <script src="{{asset('js/readmore.min.js')}}"></script>
<script> "use strict"; $('#sender_ids').DataTable({ processing: true, serverSide: true, responsive:true, ajax:'{{route('customer.get.all.headerid.request')}}', columns: [ { "data": "sender_id" }, { "data": "expire_date" }, { "data": "status" }, { "data": "action" }, ], });
$(document).on('click', '.edit', function(e){ e.preventDefault();
const data_header_id = $(this).attr('data-senderid'); const data_description = $(this).attr('data-description'); const data_entity_id = $(this).attr('data-entity_id'); const data_url=$(this).attr('data-url'); $('#updateForm').attr('action', data_url); $('#header_id_edit').val(data_header_id); $('#description_edit').val(data_description); $('#entity_id_edit').val(data_entity_id); $('#editSenderId').modal('show'); })
$('#create_gateway').select2(); $('#edit_gateway').select2();
</script> @endsection
|