@extends('layouts.app')

@section('content')
<!-- Content wrapper start -->
<div class="content-wrapper">

 <!-- Breadcrumb container start -->
 <div class="breadcrumb-container">

<!-- Row start -->
<div class="row gutters">
    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item"><a href="{{route('dashboard')}}">Dashboards</a></li>
              <li class="breadcrumb-item active" aria-current="page">Bill</li>
            </ol>
        </nav>
    </div>
    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
        <!-- Top Actions - DateRange and Buttons -->
        <div class="d-flex justify-content-end">
        @can('create', App\Models\User::class)
            <a href="#"  data-bs-toggle="modal" data-bs-target="#expensesType" class="btn btn-outline-info"> New Category</a>
        @endcan
            <a href="{{route('expenses.show')}}" class="btn btn-outline-primary"><i class="icon-download1"></i> Report</a>
        </div>
    </div>
</div>
<!-- Row end -->

</div>
<!-- Breadcrumb container end -->

<!-- Row start -->
<div class="row gutters">

    <div class="">
        <!-- Card start -->
        <div class="card">
            <div class="card-header">
                <div class="card-title">New Bill</div>
            </div><br>
            <p style="margin-left: 2.5%"> Bill details appears in your Bill. Bill date is used in the dashboard and reports.</p>

            <div class="card-body mt-4">
                
                <form class="needs-validation" id="billing" method="POST" action="{{route('expenses.create')}}" enctype="multipart/form-data">
                @csrf  
                <!-- Row start -->
                    <div class="row gutters">
                    <div class="row gutters mb-3">
                        <div class="col-sm-5">
                          <!-- Field wrapper start -->
                            <div class="field-wrapper">
                                
                                <select class="select-single js-states" title="Select Term" data-live-search="true" name="e_name">
                                        @if(auth()->user()->role=="Administrator")
                                        <option disabled selected> - Select Station -</option>
                                        @foreach($warehouses as $warehouse)
                                        <option value="{{$warehouse->warehouse_name}}">{{@ucwords(@strtolower($warehouse->warehouse_name))}}</option>
                                        @endforeach
                                        @foreach($kitchens as $kitchen)
                                        <option value="{{$kitchen->kitchen_name}}">{{@ucwords(@strtolower($kitchen->kitchen_name))}}</option>
                                        @endforeach
                                        @else
                                             <option value="{{auth()->user()->station}}">{{@ucwords(@strtolower(auth()->user()->station))}}</option>
                                        @endif
                                </select>
                                
                                <div class="field-placeholder">Location <span class="text-danger">*</span></div>
                            </div>
                            <!-- Field wrapper end -->
                        </div>
                        <div class="col-sm-5">
                        <div class="field-wrapper">