@extends('layouts.main_admin')

@section('content')

    <!-- <div class="content-page"> -->
    <div class="page-body">
        <div class="container-fluid">
            <div class="page-title">
                <div class="row">
                    <div class="col-6">
                        <h3>@lang('site.invoices')</h3>
                    </div>
                    <div class="col-6">
                        <ol class="breadcrumb">

                            <li class="breadcrumb-item">@lang('site.dashboard')</li>
                            <li class="breadcrumb-item active">@lang('site.invoices') @endlang</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <!-- Container-fluid starts-->


        <div class="container-fluid">
            <div class="row second-chart-list third-news-update">
                <div class="col-xl-12 col-lg-11 xl-50 morning-sec box-col-12">
                    <form action="{{ route('dashboard.invoices.update', $invoice->id) }}" method="post"
                          enctype="multipart/form-data">

                        {{ csrf_field() }}
                        {{ method_field('put') }}

                        <div class="bg-secondary-lighten card-header d-flex justify-content-between">
                            <h5>@lang('site.edit') </h5>
                            <div class="text-end  group-btn-top">
                                <div class="form-group d-flex form-group justify-content-between">
                                    <button type="button" class="btn btn-pill btn-outline-primary btn-air-primary"
                                            onclick="history.back();">
                                        <!--<i class="fa fa-backward"></i>-->
                                        @lang('site.back')
                                    </button>
                                    <button type="submit" class="btn btn-air-primary btn-pill btn-primary"><i
                                            class="fa fa-magic"></i>
                                        @lang('site.edit')</button>
                                </div>
                            </div>


                        </div>
                            <div class="row">
                                <!--<div class="col-md-6">-->

                                <div class="col-md-6 form-group col-12 p-2 ">
                                    <label>@lang('site.balances')</label>
                                    <input type="number" step=".1" name="balance" class="form-control"
                                            value="{{$invoice->balance}}"
                                        >
                                </div>
                                <div class="col-md-6 form-group col-12 p-2 ">
                                    <label>@lang('site.amount')</label>
                                    <input type="number" step=".1" name="amount" class="form-control"
                                            value="{{$invoice->amount}}"
                                        >
                                </div>

                                <div class="col-md-6 form-group">
                                    <label class="form-label mt-4 p-0" style="font-size:15px;">@lang('site.type')</label>
                                    <ul class="px-0 list-unstyled d-flex flex-wrap">

                                        <li class="d-flex align-items-center checkx-input-li mb-lg-0 mb-2"> 
                                            <input class="form-checkx-input" id="income" type="radio" name="type" value="income"
                                                {{$invoice->type=='income'? 'checked':'' }}>
                                            <label for="income" style="font-size:15px;" class="mb-0 px-2" >@lang('site.income')</label>
                                        </li>

                                        <li class="d-flex align-items-center checkx-input-li mb-lg-0 mb-2"> 
                                            <input class="form-check-input" id="capital" type="radio" name="type" value="capital"
                                                {{$invoice->type=='capital'? 'checked':'' }}>
                                            <label for="capital" style="font-size:15px;" class="mb-0 px-2">@lang('site.capital')</label>
                                        </li>

                                        <li class="d-flex align-items-center checkx-input-li mb-lg-0 mb-2"> 
                                            <input class="form-check-input" id="expenses" type="radio" name="type" value="expenses"
                                                {{$invoice->type=='expenses'? 'checked':'' }}>
                                            <label for="expenses" style="font-size:15px;" class="mb-0 px-2">@lang('site.expenses')</label>
                                        </li>

                                        <li class="d-flex align-items-center checkx-input-li mb-lg-0 mb-2"> 
                                            <input class="form-check-input" id="export" type="radio" name="type" value="export" 
                                                {{$invoice->type=='export'? 'checked':'' }}>
                                            <label for="export" style="font-size:15px;" class="mb-0 px-2">@lang('site.export')</label>
                                        </li>
                                    
                                </ul>
                                </div>

                                <div class="col-md-6 form-group">
                                    <label class="form-label">@lang('site.users')</label>
                                    <select class="js-example-placeholder-multiple col-sm-12" name="user_id">
                                        <option selected>@lang('site.select')</option>
                                        @foreach($users as $user)

                                            <option value="{{$user->id}}"@if($invoice->user_id==$user->id) selected @endif>{{$user->firstname . $user->lastname ?? ''}}</option>

                                        @endforeach

                                    </select>
                                </div>

                                <div class="col-md-12 form-group col-12 p-2  m-t-15">
                                        <label>@lang('site.descrption')</label>
                                        <textarea class="form-control" cols="5" rows="5" name="description">
                                            {{$invoice->description}}
                                            </textarea>
                                </div>

                            </div>
                            <br>

                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    </div>


    </form>
    </div>
    </div>
    </div>
    <!-- Individual column searching (text inputs) Ends-->
    </div>
    </div>
    <!-- Container-fluid Ends-->
    </div>

@endsection