@extends('layouts.app')
@section('css')
<link rel="stylesheet" href="assets/plugins/custom/datatables/datatables.bundle.css">
@endsection
@section('content')
<!--begin::Card-->

<div style="width: 100%;" class="card card-custom">
     <div class="card-header flex-wrap border-0 pt-6 pb-0">
          <div class="" style="color: orange;text-align:center;width:100%;">
               <h1 class="card-label"><p>Create Expences</p></h1>
               <button id="totalSales" class="btn btn-warning">Total Sales</button>
          </div>
            @if (session('success'))
                <div class="alert alert-success w-100 text-center" ><i class="fa fa-check text-white text-center"></i>&nbsp;{{ session('success') }}</div>
            @endif
     </div>
     <hr>
     @if ($type != 'SALES')
     <form action="{{route('expences.store')}}" method="post">
        @csrf
        <input type="hidden" name="sube_id" value="{{$branch}}">
        <input type="hidden" name="category_id" value="{{$category}}">
        <input type="hidden" name="company" value="{{$type}}" required>
        @endif
     <div class="card-body ">
        <div class="row">
        
            @if ($type == 'INVENTOR')
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">EXPENCES NAME</label>
                    <input class="form-control" type="text" name="company" required>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">PRİCE</label>
                    <div class="input-group">
                        <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                        <input type="number" class="form-control" step="any" name="price" placeholder="Price" required/>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">INVOICE NUMBER</label>
                    <div class="input-group">
                        <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                        <input type="text" class="form-control" name="invoice_number" placeholder="Invoice Number" required/>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <label style="font-weight: bold;">DATE</label>
                <input class="form-control" name="date" type="date" required>
            </div>
            @elseif ($type == 'FOOD COST')
                <div class="col-md-6">
                    <div class="form-group">
                        <label style="font-weight: bold;">EXPENCES TYPE</label>
                        <div class="input-group">
                            <select  name="company" class="form-control" id="expencesType" required>
                                <option disabled selected value="">Select Expences Type</option>
                                <option value="transgourment">TRANSGOURMENT</option>
                                <option value="arla">ARLA</option>
                                <option value="metro">METRO</option>
                                <option value="METRO NETTO">METRO-NETTO</option>
                                <option value="METR0 KAUFLAND">METRO-KAUFLAND</option>
                                <option value="METR0 ALDİ">METRO-ALDİ</option>
                                <option value="LİDL">LİDL</option>
                                <option value="kartofel-kun">KARTOFFEL-KUN</option>
                                <option value="PATATES BADE">PATATES BADE</option>
                                <option value="MARKTKAUF">MARKTKAUF</option>
                                <option value="ALPETRANS">ALPETRANS</option>
                                <option value="ALPELOG">ALPELOG</option>
                                <option value="PADANA FRUTTA">PADANA FRUTTA</option>
                                <option value="CASH CARRY">CASH CARRY</option>
                                <option value="CONAD">CONAD</option>
                                <option value="FOOD KINGS">FOOD KINGS</option>
                                <option value="other">OTHER</option>
                            </select>
                            {{-- <input placeholder="Description" id="expencesTypeInput" type="text" name="company" class="form-control" style="display: none;" required> --}}
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label style="font-weight: bold;">PRİCE</label>
                        <div class="input-group">
                            <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                            <input type="text" class="form-control" step="any" name="price" placeholder="Price" required/>
                        </div>
                    </div>
                </div>
                 <div class="col-md-6">
                    <div class="form-group">
                        <label style="font-weight: bold;">WET</label>
                        <div class="input-group">
                            <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                            <input type="text" class="form-control" name="wet" placeholder="WET" required />
                        </div>
                    </div>
                </div>
                 <div class="col-md-6">
                    <div class="form-group">
                        <label style="font-weight: bold;">Description</label>
                        <div class="input-group">
                            <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                            <input type="text" class="form-control" step="any" name="description" placeholder="Description" required/>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label style="font-weight: bold;">INVOICE NUMBER</label>
                        <div class="input-group">
                            <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                            <input type="text" class="form-control" name="invoice_number" placeholder="Invoice Number" required />
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <label style="font-weight: bold;">DATE</label>
                    <input class="form-control" name="date" type="date" required>
                </div>
                <div class="col-md-6 mb-10">
                    <label style="font-weight: bold;">CARD</label>
                    <select class="form-control" name="card" id="">
                        <option selected disabled value="">-</option>
                        <option  value="GIROCARD">GIROCARD</option>
                        <option  value="MASTER">MASTER CARD</option>
                        <option  value="SHELL">SHELL CARD</option>
                        <option  value="SEPA">SEPA</option>
                        <option  value="CASH">CASH</option>
                    </select>
                </div>
            @elseif ($type == 'PROPAN')
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">EXPENCES NAME</label>
                    <input class="form-control" type="text"  name="company" required>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">PRİCE</label>
                    <div class="input-group">
                        <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                        <input type="number" class="form-control" step="any" name="price" placeholder="Price" required />
                    </div>
                </div>
            </div>
             <div class="col-md-6">
                    <div class="form-group">
                        <label style="font-weight: bold;">WET</label>
                        <div class="input-group">
                            <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                            <input type="text" class="form-control" name="wet" placeholder="WET" required />
                        </div>
                    </div>
                </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">INVOICE NUMBER</label>
                    <div class="input-group">
                        <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                        <input type="text" class="form-control" name="invoice_number" placeholder="Invoice Number" required/>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <label style="font-weight: bold;">DATE</label>
                <input class="form-control" name="date" type="date" required>
            </div>
            <div class="col-md-6 mb-10">
                <label style="font-weight: bold;">CARD</label>
                <select class="form-control" name="card" id="">
                    <option selected disabled value="">-</option>
                    <option  value="GIROCARD">GIROCARD</option>
                    <option  value="MASTER">MASTER CARD</option>
                    <option  value="SHELL">SHELL CARD</option>
                    <option  value="CASH">CASH</option>
                    <option  value="SEPA">SEPA</option>
                </select>
            </div>
            
            @elseif ($type == 'OFFİCE EXPENCES')
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">EXPENCES TYPE</label>
                    <div class="input-group">
                        <select name="company" class="form-control" id="expencesTypeSecond" >
                            <option disabled selected value="">Select Expences Type</option>
                            <option value="zool">ZOOL</option>
                            <option value="telekom">TELEKOM</option>
                            <option value="tax">TAX(Vergi)</option>
                            <option value="wise">WISE</option>
                            <option value="nordfrost">NORDFROST</option>
                            <option value="insurange">INSURANCE(Sigorta)</option>
                            <option value="gotaer">GOTAER</option>
                            <option value="aok">AOK</option>
                            <option value="bgn">BGN</option>
                            <option value="sumup">SUMUP</option>
                            <option value="mahnung">Mahnung</option>
                            <option value="other">OTHER(Diğer)</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">PRİCE</label>
                    <div class="input-group">
                        <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                        <input type="number" class="form-control" step="any" name="price" placeholder="Price" required/>
                    </div>
                </div>
            </div>
             <div class="col-md-6">
                    <div class="form-group">
                        <label style="font-weight: bold;">WET</label>
                        <div class="input-group">
                            <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                            <input type="text" class="form-control" name="wet" placeholder="WET" required />
                        </div>
                    </div>
                </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">DESCRIPTION</label>
                    <div class="input-group">
                        <div class="input-group-prepend"><span class="input-group-text">&#9830;	</span></div>
                        <input type="text" class="form-control" step="any" name="description" placeholder="Description" required/>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">INVOICE NUMBER</label>
                    <div class="input-group">
                        <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                        <input type="text" class="form-control" name="invoice_number" placeholder="Invoice Number" required/>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <label style="font-weight: bold;">DATE</label>
                <input class="form-control" name="date" type="date" required>
            </div>
            @elseif ($type == 'TELEKOM')
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">EXPENCES TYPE</label>
                    <div class="input-group">
                        <input placeholder="Description"  type="text" name="company" class="form-control" required>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">PRİCE</label>
                    <div class="input-group">
                        <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                        <input type="number" class="form-control" step="any" name="price" placeholder="Price" required/>
                    </div>
                </div>
            </div>
             <div class="col-md-6">
                    <div class="form-group">
                        <label style="font-weight: bold;">WET</label>
                        <div class="input-group">
                            <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                            <input type="text" class="form-control" name="wet" placeholder="WET" required />
                        </div>
                    </div>
                </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">INVOICE NUMBER</label>
                    <div class="input-group">
                        <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                        <input type="text" class="form-control" name="invoice_number" placeholder="Invoice Number" required/>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <label style="font-weight: bold;">DATE</label>
                <input class="form-control" name="date" type="date" required>
            </div>
            @elseif ($type == 'CAR TO GASOLİNE')
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">EXPENCES NAME</label>
                    <select class="form-control" name="company">
                        <option value="Gasoline">Gasoline</option>
                        <option value="Tüv">Tüv</option>
                        <option value="Car Tax">Car Tax</option>
                        <option value="Repair">Repair</option>
                        <option value="Other">Other</option>
                    </select>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">PRİCE</label>
                    <div class="input-group">
                        <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                        <input type="number" class="form-control" step="any" name="price" placeholder="Price" required/>
                    </div>
                </div>
            </div>
             <div class="col-md-6">
                    <div class="form-group">
                        <label style="font-weight: bold;">WET</label>
                        <div class="input-group">
                            <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                            <input type="text" class="form-control" name="wet" placeholder="WET" required />
                        </div>
                    </div>
                </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">INVOICE NUMBER</label>
                    <div class="input-group">
                        <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                        <input type="text" class="form-control" name="invoice_number" placeholder="Invoice Number" required/>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">DESCRIPTION</label>
                    <div class="input-group">
                        <div class="input-group-prepend"><span class="input-group-text">&#9830;	</span></div>
                        <input type="text" class="form-control" name="description" placeholder="Description" />
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <label style="font-weight: bold;">DATE</label>
                <input class="form-control" name="date" type="date" required>
            </div>
            <div class="col-md-6 mb-10">
                <label style="font-weight: bold;">CARD</label>
                <select class="form-control" name="card" id="">
                    <option selected disabled value="">-</option>
                    <option  value="GIROCARD">GIROCARD</option>
                    <option  value="MASTER">MASTER CARD</option>
                    <option  value="SHELL">SHELL CARD</option>
                    <option  value="VISA">VISA</option>
                    <option  value="SEPA">SEPA</option>
                    <option  value="CASH">CASH</option>
                </select>
            </div>
            @elseif ($type == 'PACKAGE PRODUCTS')
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">EXPENCES NAME</label>
                    <input class="form-control" type="text" name="company" required>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">PRİCE</label>
                    <div class="input-group">
                        <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                        <input type="number" class="form-control" step="any" name="price" placeholder="Price" required />
                    </div>
                </div>
            </div>
             <div class="col-md-6">
                    <div class="form-group">
                        <label style="font-weight: bold;">WET</label>
                        <div class="input-group">
                            <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                            <input type="text" class="form-control" name="wet" placeholder="WET" required />
                        </div>
                    </div>
                </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">INVOICE NUMBER</label>
                    <div class="input-group">
                        <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                        <input type="text" class="form-control" name="invoice_number" placeholder="Invoice Number" required/>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <label style="font-weight: bold;">DATE</label>
                <input class="form-control" name="date" type="date" required>
            </div>
            @elseif ($type == 'HOUSE')
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">EXPENCES NAME</label>
                    <input class="form-control" type="text" name="company" required>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">PRİCE</label>
                    <div class="input-group">
                        <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                        <input type="number" class="form-control" step="any" name="price" placeholder="Price" required/>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">INVOICE NUMBER</label>
                    <div class="input-group">
                        <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                        <input type="text" class="form-control" name="invoice_number" placeholder="Invoice Number" required/>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <label style="font-weight: bold;">DATE</label>
                <input class="form-control" name="date" type="date" required>
            </div>
            @elseif ($type == 'OTHER')
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">EXPENCES NAME</label>
                    <input class="form-control" type="text" name="company" required>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">PRİCE</label>
                    <div class="input-group">
                        <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                        <input type="number" class="form-control" step="any" name="price" placeholder="Price" required/>
                    </div>
                </div>
            </div>
             <div class="col-md-6">
                    <div class="form-group">
                        <label style="font-weight: bold;">WET</label>
                        <div class="input-group">
                            <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                            <input type="text" class="form-control" name="wet" placeholder="WET" required />
                        </div>
                    </div>
                </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label style="font-weight: bold;">INVOICE NUMBER</label>
                    <div class="input-group">
                        <div class="input-group-prepend"><span class="input-group-text">€</span></div>
                        <input type="text" class="form-control" name="invoice_number" placeholder="Invoice Number" required/>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <label style="font-weight: bold;">DATE</label>
                <input class="form-control" name="date" type="date" required>
            </div>
            <div class="col-md-6 mb-10">
                <label style="font-weight: bold;">CARD</label>
                <select class="form-control" name="card" id="">
                    <option selected disabled value="">-</option>
                    <option  value="GIROCARD">GIROCARD</option>
                    <option  value="MASTER">MASTER CARD</option>
                    <option  value="SHELL">SHELL CARD</option>
                    <option  value="SEPA">SEPA</option>
                    <option  value="CASH">CASH</option>
                </select>
            </div>
        @endif
     </div>
     @if ($type != 'SALES')
     <button class="btn btn-warning btn-block">Add</button>
     @endif
     @if ($type == 'SALES')
     <form action="{{route('sales.store')}}" method="POST">
        @csrf
     <div class="row">
        <input type="hidden" value="{{$branch}}" name="sube_id">
        <div class="col-md-6">
            <div class="form-group">
                <label style="font-weight: bold;">RATE</label>
                <input class="form-control" id="rate" oninput="totalPrice()" value="0.97" type="number" step="any" name="rate" required>
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                <label style="font-weight: bold;">DATE</label>
                <input class="form-control" type="date" name="date" required>
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                <label style="font-weight: bold;">01 CASH</label>
                <input class="form-control" id="cash" value="0" oninput="totalPrice()" type="number" step="any" name="cash" required>
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                <label style="font-weight: bold;">02 OWN CC</label>
                <input class="form-control" id="own" value="0" oninput="totalPrice()" type="number" step="any" name="own" required>
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                <label style="font-weight: bold;">04 MILITARY STAR</label>
                <input class="form-control" id="military" value="0" oninput="totalPrice()" type="number" step="any" name="military" required>
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                <label style="font-weight: bold;">05 VERIFONE</label>
                <input class="form-control" id="verifone" value="0" oninput="totalPrice()" type="number" step="any" name="verifone" required>
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                <label style="font-weight: bold;">GIFT CARD</label>
                <input class="form-control" id="gift" value="0" oninput="totalPrice()" type="number" step="any" name="giftscard" required>
            </div>
        </div>
    </div>
    <button type="submit" class="btn btn-warning btn-block">ADD +</button>
</form>
        @endif
     
     </div>
    </form>
</div>
<!--end::Card-->
@endsection
@section('js')
<script>
    function handleChange(event){
        if(event.target.value == 'other'){
            document.getElementById('expencesType').style.display = "none"
            document.getElementById('expencesTypeInput').style.display = "block"
        }
    }
    // function handleChangeSecond(event){
    //     if(event.target.value == 'other'){
    //         document.getElementById('expencesTypeSecond').style.display = "none"
    //         document.getElementById('expencesTypeInputSecond').style.display = "block"
    //     }
    // }
    function totalPrice(){
        const rate = document.getElementById("rate").value
        const cash = document.getElementById("cash").value
        const own = document.getElementById("own").value
        const military = document.getElementById("military").value
        const verifone = document.getElementById("verifone").value
        const gift = document.getElementById("gift").value
        console.log(cash,rate,own,military,verifone,gift)
     
        
       const totalSales = parseFloat(cash)+parseFloat(own)+parseFloat(military)+parseFloat(verifone)+parseFloat(gift) 
          const result =  totalSales.toFixed(2)*1
        document.getElementById("totalSales").innerHTML = "Total Sales"+ " " +result.toFixed(2) + " " + "$"
    }
</script>
<script src="assets/plugins/custom/datatables/datatables.bundle.js"></script>
<script src="assets/js/pages/crud/datatables/basic/basic.js"></script>
@endsection