martabak-grand/resources/views/pages/admin/pengeluaran/index.blade.php

231 lines
14 KiB
PHP

@extends('layouts.base')
@section('content-header')
<div class="col-12">
<div class="container" style="display: contents">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0"> Pengeluaran</h1>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item">Home</li>
<li class="breadcrumb-item">Transaksi</li>
<li class="breadcrumb-item active">Pengeluaran</li>
</ol>
</div>
</div>
</div>
</div>
@endsection
@section('content')
<div class="content__boxed">
<div class="content__wrap">
<div class="row">
<div class="col-sm-12 mt-2">
<div class="card">
<div class="card bg-warning" style="min-height:5px; border-radius:1px;"></div>
<div class="card-header mt-0 pt-0">
<div class="d-flex">
<h4>Form Input pengeluaran</h4>
<!-- Button trigger modal -->
<div class="ml-auto">
<button type="button" class="btn btn-primary" data-toggle="modal"
data-target="#modal-default-data-kebutuhan">
Data Kebutuhan
</button>
<button type="button" class="btn btn-primary" data-toggle="modal"
data-target="#modal-default-data-satuan">
Data Satuan
</button>
<button type="button" class="btn btn-primary" data-toggle="modal"
data-target="#modal-default-data-distributor">
Data Distributor
</button>
</div>
</div>
</div>
<div class="card-body">
<div class="col-md-12">
<div class="row">
<div class="col-md-4 mt-3">
<label>Tanggal</label>
<input type="date" class="form-control" id="tanggal"
value="{{ date('Y-m-d') }}">
</div>
<div class="col-md-4 mt-3">
<label>Jenis Transaksi</label>
<select class="form-control" id="jenis_transaksi">
<option value="" selected>--Pilih Jenis Transkasi--</option>
<option value="1">Tunai</option>
<option value="2">Transfer</option>
</select>
</div>
<div class="col-md-4 mt-3">
<label>Rekening Coa Kebutuhan</label>
<select class="form-control" id="rekening_coa_kebutuhan">
<option value="" selected>--Pilih Rekening Coa--</option>
@foreach ($coaPengeluaran as $biaya)
@if ($biaya->status == 0)
<optgroup label="{{ $biaya->coa }} | {{ $biaya->keterangan_coa }}">
@else
<option
value="{{ $biaya->id }}|{{ $biaya->coa }}|{{ $biaya->keterangan_coa }}">
{{ $biaya->coa }} | {{ $biaya->keterangan_coa }}</option>
@endif
@endforeach
</optgroup>
</select>
{{-- <small>Tampilkan semua coa biaya?
<div class="form-group">
<div class="form-check">
<input class="form-check-input" type="radio" name="radio1"
value="1">
<label class="form-check-label">Iya</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radio1"
value="2" checked>
<label class="form-check-label">Tidak</label>
</div>
</div>
</small> --}}
</div>
<div class="col-md-4 mt-3">
<label>Supplier Distributor</label>
<select class="form-control" id="supplier_distributior">
<option value="" selected>--Pilih Supplier Distributor--</option>
@foreach ($distributors as $distributor)
<option value="{{ $distributor->id }}">
{{ $distributor->nama_distributor }}
{{ $distributor->alamat }} {{ $distributor->telepon }}</option>
@endforeach
<option value="">Tanpa distributor</option>
</select>
</div>
<div class="col-md-4 mt-3">
<label>Satuan</label>
<div class="row">
<input type="number" min="0" class="form-control col-md-9"
id="satuan" placeholder="Satuan Pengeluaran">
<select class="form-control col-md-3" id="satuan_bahan">
<option value="" selected>--Pilih Satuan--</option>
@foreach ($satuans as $satuan)
<option value="{{ $satuan->id }}">
{{ $satuan->nama_satuan }}</option>
@endforeach
</select>
</div>
</div>
<div class="col-md-4 mt-3">
<label>Nominal</label>
<input type="number" min="0" class="form-control" id="nominal"
placeholder="Nominal Pengeluaran">
</div>
<div class="col-md-4 mt-3">
<label>Keterangan</label>
<textarea class="form-control" id="keterangan" placeholder="Keterangan"></textarea>
</div>
<div hidden class="transfer col-md-4 mt-3">
<label class="form-label">Rekening Coa Jenis Transaksi</label>
<select class="form-control" id="rekening_coa_transfer">
<option selected disabled>--Pilih Rekening Coa--</option>
@foreach ($rekeningCoaTf as $coaTf)
@if ($coaTf->status == 0)
<optgroup label="{{ $coaTf->coa }} | {{ $coaTf->keterangan_coa }}">
@else
<option
value="{{ $coaTf->id }}|{{ $coaTf->coa }}|{{ $coaTf->keterangan_coa }}">
{{ $coaTf->coa }} | {{ $coaTf->keterangan_coa }}</option>
@endif
@endforeach
</select>
</div>
</div>
<hr>
<a href="javascript:void(0)" class="btn btn-warning" id="simpan_pengeluaran">Simpan Data</a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 mt-2">
<div class="card">
<div class="card bg-warning" style="min-height:5px; border-radius:1px;"></div>
<div class="card-body">
<div class="col-md-12">
<form action="{{ route('pengeluaran.laporan') }}" method="POST" target="_blank">
@csrf
<div class="row">
<div class="col-md-12">
<h5>Form Laporan</h5>
</div>
<div class="col-md-4 mt-3">
<label>Dari Tanggal</label>
<input type="date" class="form-control" name="filter_tanggal_1"
id="filter_tanggal_1" value="{{ date('Y-m-d') }}">
</div>
<div class="col-md-4 mt-3">
<label>Sampai Tanggal</label>
<input type="date" class="form-control" name="filter_tanggal_2"
id="filter_tanggal_2" value="{{ date('Y-m-d') }}">
</div>
<div class="col-md-4 mt-5">
<div class="row">
<a href="javascript:void(0)" class="btn btn-md mr-1 btn-primary"
id="btn_filter"><i class="fas fa-search mr-1"></i>Filter
data</a>
<button class="btn btn-md btn-warning" type="submit"
id="filter_laporan"><i class="fas fa-print mr-1"></i>Cetak</button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="col-md-12">
<div class="table-responsive mt-3">
<table id="tabelku" class="table table-hover display" style="width: 100%">
<thead>
<tr>
<th class="text-center">No</th>
<th>Faktur</th>
<th>Tanggal Transaksi</th>
<th>User</th>
<th>Kebutuhan</th>
<th>Jenis Transaksi</th>
<th>Supplier</th>
<th>Satuan</th>
<th>Nominal</th>
<th class="text-center"><i class="fas fa-cog"></i></th>
</tr>
</thead>
<tfoot>
<tr>
<th class="text-right"></th>
<th class="text-right"></th>
<th class="text-right" colspan="4">Total</th>
<th class="text-right"></th>
<th class="text-right"></th>
<th class="text-right"></th>
<th class="text-center"><i class="fas fa-cog"></i></th>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@include('pages.admin.pengeluaran.modalkebutuhan')
@include('pages.admin.pengeluaran.modalsatuan')
@include('pages.admin.pengeluaran.modaldistributor')
@include('pages.admin.pengeluaran.js')
@include('pages.admin.pengeluaran.style')