@extends('admin.layouts.master')
@section('title', 'Add Unit')
@section('content')


    <div class="content-header">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">{{ __('Add New Unit') }} </h1>
                </div><!-- /.col -->
                <!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <div class="card card-primary card-outline">

                        <!-- /.card-header -->
                        <div class="card-body">
                            <form class="form-horizontal" action="{{ route('admin.unit.store') }}" method="post">
                                @csrf

                                <div class="row">
                                    <div class="col-4">
                                        <label for="name" class="control-label">{{ __('Unit Name') }}<span
                                                class="text-danger">*</span></label>
                                        <input type="text" id="name" class="form-control" name="name"
                                            value="{{ old('name') }}" placeholder="{{ __('Enter Unit Name') }}">
                                        @if ($errors->has('name'))
                                            <p class="text-danger">{{ $errors->first('name') }}</p>
                                        @endif
                                    </div>

                                    <div class="col-4">
                                        <label for="status" class="control-label">{{ __('Unit Status') }}<span
                                                class="text-danger">*</span></label>
                                        <select class="form-control" name="status" id="status">
                                            <option value="1" {{ old('status') == 1 ? 'selected' : '' }}>
                                                Active</option>
                                            <option value="0" {{ old('status') == 0 ? 'selected' : '' }}>
                                                Inactive
                                            </option>
                                        </select>
                                        @if ($errors->has('status'))
                                            <p class="text-danger">{{ $errors->first('status') }}</p>
                                        @endif
                                    </div>

                                    <div class="col-4 align-self-end">
                                        <button type="submit" class="btn btn-primary">{{ __('Add Unit') }}</button>
                                    </div>
                                </div>
                            </form>

                        </div>
                    </div>
                    <div class="card card-primary card-outline">
                        <div class="card-body">

                            <div class="row">

                                <table class="table table-striped table-bordered datatable">
                                    <thead>
                                        <tr>
                                            <th>{{ __('#') }}</th>
                                            <th>{{ __('Unit Name') }}</th>
                                            <th>{{ __('Status') }}</th>
                                            <th>{{ __('Action') }}</th>

                                        </tr>
                                    </thead>
                                    <tbody>

                                        @foreach ($units as $id => $unit)
                                            <tr>
                                                <td>
                                                    {{ ++$id }}
                                                </td>
                                                <td>
                                                    {{ $unit->name }}
                                                </td>
                                                <td class="text-center">
                                                    @if ($unit->status == 1)
                                                        <span class="badge badge-success">Active</span>
                                                    @else
                                                        <span class="badge badge-danger">Inactive</span>
                                                    @endif
                                                </td>
                                                <td class="text-center">
                                                    <a href="{{ route('admin.unit.edit', $unit->id) }}"
                                                        class="btn btn-info btn-sm"><i
                                                            class="fas fa-pencil-alt"></i>{{ __('Edit') }}</a>


                                                    <form id="deleteform" class="d-inline-block"
                                                        action="{{ route('admin.unit.delete', $unit->id) }}"
                                                        method="post">
                                                        @csrf
                                                        <button type="submit" class="btn btn-danger btn-sm"
                                                            id="delete">
                                                            <i class="fas fa-trash"></i>{{ __('Delete') }}
                                                        </button>
                                                    </form>
                                                </td>
                                            </tr>
                                        @endforeach

                                    </tbody>
                                </table>

                            </div>

                        </div>

    </section>


@endsection