@extends('layouts.template')

@section('template')
<!-- Content Header -->
<section class="content-header">
    <h1>
        EXPENSE HEAD
        
        </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">Dashboard</li>
        <li class="active">Expense Head List</li>
    </ol>
</section>
<!-- End Content Header -->
<!-- Main content -->
<section class="content">
    
            <div class="row">
                <div class="col-md-4">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        Add New
                    </div>
                    <div class="panel-body">
                    <form class="form" action="{{ url('expense/head/store') }}" method="post">
                        {{ csrf_field() }}
                        <div class="form-group">
                            <label for="">Head Name</label>
                            <input type="text" autocomplete="OFF" name="expense_head" placeholder="Head Name" class="form-control input-sm" required/>
                        </div>
                        <div class="form-group">
                            <label for="">Under Group</label>
                            <select name="expense_group_id" class="form-control input-sm">
                                <option>--Select--</option>
                                @foreach($expense_groups as $data)
                                <option value="{{$data->id}}">{{$data->name}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="">Description</label>
                            <textarea rows="3" name="description" class="form-control input-sm"  placeholder="Description about head"></textarea>
                        </div>
                        <div class="form-group">
                            <label for="">Opening Balance</label>
                            <input type="number"  autocomplete="OFF" name="opening_balance" class="form-control input-sm" >
                        </div>
                        <div class="form-group">
                            <input type="submit" class="btn btn-success" value="Create"/>
                        </div>
                    </form>
                    </div>
                  </div>
                </div>
                <div class="col-md-8">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        List Expense Heads
                    </div>
                    <div class="panel-body">
                        <div class="table-responsive">
                                <table class="table-bordered" id="purchase_details" width="100%">
                                    <thead>
                                        <tr>
                                            <th height="25">ID</th>
                                            <th style="text-align:left">Head Name</th>
                                            <th style="text-align:left">Under Group</th>
                                            <th style="text-align:left">Description</th>
                                            <th>Op. balance</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if(isset($expense_heads))
                                            @foreach($expense_heads as $key => $expense_head)
                                            <tr>
                                                <td height="25">{{ ++$key }}</td>
                                                <td>{{ $expense_head->expense_head }}</td>
                                                <td>{{ $expense_head->name }}</td>
                                                <td>{{ $expense_head->description }}</td>
                                                <td>{{ number_format($expense_head->opening_balance,2) }}</td>
                                                <td>
                                                    <div style="display:flex;">
                                                        <a href="{{ url('/expense/head/'.$expense_head->expense_head_id.'/edit') }}"><button class="edit btn btn-success btn-xs">
                                                        <i class="fa fa-pencil-square-o" aria-hidden="true"></i> Edit</button></a>
                                                        &nbsp;&nbsp;&nbsp;
                                                        <form action="{{ url('/expense/head/'.$expense_head->expense_head_id) }}" method="post">
                                                            {{ method_field('DELETE') }}
                                                            {{ csrf_field() }}
                                                            <button class="delete btn btn-danger btn-xs" onclick="return confirm('Are you sure you want to delete this item?');">
                                                            <i class="fa fa-trash-o" aria-hidden="true"> Delete</i></button>
                                                        </form>
                                                    </div>
                                                </td>
                                            </tr>
                                            @endforeach
                                        @endif
                                    </tbody>

                                </table>
                                @if(Session::has('success'))
                                <div class="alert alert-success" id="success">
                                    {{Session::get('success')}}
                                    @php
                                    Session::forget('success');
                                    @endphp
                                </div>
                                @endif
                                @if(Session::has('update'))
                                <div class="alert alert-warning" id="update">
                                    {{Session::get('update')}}
                                    @php
                                    Session::forget('update');
                                    @endphp
                                </div>
                                @endif
                                @if(Session::has('delete'))
                                <div class="alert alert-danger" id="delete">
                                    {{Session::get('delete')}}
                                    @php
                                    Session::forget('delete');
                                    @endphp
                                </div>
                                @endif
                            </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Main Content -->
@endsection