first commit
This commit is contained in:
72
resources/views/config/state/create.blade.php
Normal file
72
resources/views/config/state/create.blade.php
Normal file
@ -0,0 +1,72 @@
|
||||
@extends('layouts.admin.admin')
|
||||
|
||||
@section('title', 'Add a New State')
|
||||
|
||||
@section('content')
|
||||
<section>
|
||||
<div class="section-body">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="card">
|
||||
<div class="card-underline">
|
||||
<div class="card-head">
|
||||
<header class="ml-3 mt-2">Add a New State(Province)</header>
|
||||
<a href="{{route('states.index')}}" class="btn btn-secondary" style="float: right;">Go Back</a>
|
||||
</div>
|
||||
<form class="form form-validate floating-label" action="{{route('states.store')}}" method="POST">
|
||||
@csrf
|
||||
<div class="card-body">
|
||||
<div class="row mb-2">
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label for="name" class="form-label">State Name</label>
|
||||
<input type="text" class="form-control" name="state_name" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label for="country" class="form-label">Country</label>
|
||||
<select name="country_id" id="country_dropdown" class="form-control" required>
|
||||
<option value="#" selected disabled>Choose country</option>
|
||||
@foreach ($countries as $country)
|
||||
<option value="{{$country->id}}">{{$country->country_name}}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label for="status" class="form-label">Status</label>
|
||||
<select name="status" id="status_dropdowns" class="form-control">
|
||||
<option value="Active" selected>Active</option>
|
||||
<option value="Inactive">Inactive</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary ml-2">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
@section('page-specific-scripts')
|
||||
<script src="{{ asset('resources/js/libs/bootstrap-tagsinput/bootstrap-tagsinput.min.js') }}"></script>
|
||||
<script src="{{ asset('resources/js/libs/jquery-validation/dist/jquery.validate.min.js') }}"></script>
|
||||
<script src="{{ asset('resources/js/libs/jquery-validation/dist/additional-methods.min.js') }}"></script>
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$('#country_dropdown').select2();
|
||||
})
|
||||
</script>
|
||||
@endsection
|
||||
72
resources/views/config/state/edit.blade.php
Normal file
72
resources/views/config/state/edit.blade.php
Normal file
@ -0,0 +1,72 @@
|
||||
@extends('layouts.admin.admin')
|
||||
|
||||
@section('title', 'Edit State')
|
||||
|
||||
@section('content')
|
||||
<section>
|
||||
<div class="section-body">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="card">
|
||||
<div class="card-underline">
|
||||
<div class="card-head">
|
||||
<header class="ml-3 mt-2">Edit State(Province)</header>
|
||||
<a href="{{route('states.index')}}" class="btn btn-secondary" style="float: right;">Go Back</a>
|
||||
</div>
|
||||
<form class="form form-validate floating-label" action="{{route('states.update',$state->id)}}" method="POST">
|
||||
@csrf
|
||||
@method('PUT')
|
||||
<div class="card-body">
|
||||
<div class="row mb-2">
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label for="name" class="form-label">State Name</label>
|
||||
<input type="text" class="form-control" name="state_name" value={{$state->state_name}}>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label for="country" class="form-label">Country</label>
|
||||
<select name="country_id" id="country_dropdown" class="form-control">
|
||||
@foreach ($countries as $country)
|
||||
<option value="{{$country->id}}" @if($state->country_id == $country->id) selected @endif>{{$country->country_name}}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label for="status" class="form-label">Status</label>
|
||||
<select name="status" id="status_dropdowns" class="form-control">
|
||||
<option value="Active" @if($state->status == 'Active') selected @endif>Active</option>
|
||||
<option value="Inactive" @if($state->status == 'Inactive') selected @endif>Inactive</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary ml-2">Update</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
@section('page-specific-scripts')
|
||||
<script src="{{ asset('resources/js/libs/bootstrap-tagsinput/bootstrap-tagsinput.min.js') }}"></script>
|
||||
<script src="{{ asset('resources/js/libs/jquery-validation/dist/jquery.validate.min.js') }}"></script>
|
||||
<script src="{{ asset('resources/js/libs/jquery-validation/dist/additional-methods.min.js') }}"></script>
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$('#country_dropdown').select2();
|
||||
})
|
||||
</script>
|
||||
@endsection
|
||||
122
resources/views/config/state/index.blade.php
Normal file
122
resources/views/config/state/index.blade.php
Normal file
@ -0,0 +1,122 @@
|
||||
@extends('layouts.admin.admin')
|
||||
|
||||
@section('page-specific-styles')
|
||||
<link rel="stylesheet" href="{{ asset('css/jquery.dataTables.min.css') }}">
|
||||
<link rel="stylesheet" href="{{ asset('css/TableTools.min.css') }}" />
|
||||
<link rel="stylesheet" href="{{ asset('css/lightbox.css') }}" />
|
||||
<link href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/css/bootstrap4-toggle.min.css" rel="stylesheet">
|
||||
|
||||
@endsection
|
||||
|
||||
@section('title', 'State')
|
||||
|
||||
@section('content')
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="d-flex">
|
||||
<header class="text-capitalize pt-1">List of all States/Provinces</header>
|
||||
@if(Illuminate\Support\Facades\Session::has('success'))
|
||||
<div class="alert alert-success ml-auto">
|
||||
{{Illuminate\Support\Facades\Session::get('success')}}
|
||||
</div>
|
||||
@endif
|
||||
<div class="tools ml-auto">
|
||||
<a class="btn btn-primary ink-reaction btn-sm" href="{{route('states.create')}}">
|
||||
<i class="md md-add"></i>
|
||||
Add New
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card mt-2 p-4">
|
||||
<table id="datatable" class="table table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>S.No.</th>
|
||||
<th>State Name</th>
|
||||
<th>Country</th>
|
||||
<th>Status</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
|
||||
@section('page-specific-scripts')
|
||||
<script src="{{ asset('js/datatables.min.js') }}"></script>
|
||||
<script src="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/js/bootstrap4-toggle.min.js"></script>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
|
||||
setTimeout(() => {
|
||||
$('#response_messsage').hide();
|
||||
}, 3000);
|
||||
|
||||
$('#datatable').DataTable({
|
||||
"processing": true,
|
||||
"serverSide": true,
|
||||
"ajax": '{{ route('states.data') }}',
|
||||
|
||||
dom: 'Bfrtip',
|
||||
buttons: [{
|
||||
extend: 'excel',
|
||||
text: 'Export Search Results',
|
||||
className: 'btn btn-default',
|
||||
exportOptions: {
|
||||
columns: 'th:not(:last-child)'
|
||||
}
|
||||
}],
|
||||
"columns": [{
|
||||
"data": "id",
|
||||
'visible': false
|
||||
},
|
||||
{
|
||||
"data": "DT_RowIndex",
|
||||
orderable: false,
|
||||
searchable: false
|
||||
},
|
||||
{
|
||||
"data": "state_name"
|
||||
},
|
||||
{
|
||||
"data": "country"
|
||||
},
|
||||
{
|
||||
"data": "status"
|
||||
},
|
||||
{
|
||||
"data": "actions",
|
||||
},
|
||||
],
|
||||
order: [
|
||||
[1, 'desc']
|
||||
]
|
||||
});
|
||||
});
|
||||
|
||||
$(document).ready(function(){
|
||||
$(document).on('change','.status_switch',function(){
|
||||
var status = $(this).prop('checked') == true ? 1 : 0;
|
||||
var state_id = $(this).data('id');
|
||||
// alert(country_id);
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: "{{route('states.change_status')}}",
|
||||
data:{
|
||||
'status': status,
|
||||
'state_id': state_id
|
||||
},
|
||||
dataType: 'json',
|
||||
success: function(response){
|
||||
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user