@extends('layout')
@section('title', 'سسٹم صارفین')
@section('page_title', 'سسٹم صارفین')
@section('content')
    <div class="row">
        <div class="col-md-4">
            <div class="panel panel-card margin-b-30">
                <div class="panel-body">

                    <form id="add_user_form">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="city_name">نام <span class="text-danger">*</span></label>
                                    <input type="text" id="name" autofocus class="form-control change_focus"
                                           data-id="email" name="name">
                                    <span class="text-danger error" id="name_error"></span>
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <label for="">ای میل:</label>
                                <input type="text" class="form-control change_focus" data-id="password" name="email"
                                       id="email"
                                >
                                <span class="text-danger error" id="email_error"></span>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-6">
                                <label for="">پاس ورڈ:</label>
                                <input type="password" class="form-control change_focus" data-id="password_confirmation"
                                       name="password"
                                       id="password">
                                <span class="text-danger error" id="password_error"></span>
                            </div>
                            <div class="col-md-6">
                                <label for="">پاس ورڈ تصدیق:</label>
                                <input type="password" class="form-control "
                                       name="password_confirmation"
                                       id="password_confirmation">
                                <span class="text-danger error" id="password_confirmation_error"></span>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="">اجازتیں:</label><br>
                                <label for="can_add"><input type="checkbox" name="permission[]" id="can_add"
                                                            value="can_add"> محفوظ کر سکتے</label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <label for="can_view"><input type="checkbox" name="permission[]" id="can_view"
                                                             value="can_view"> دیکھ سکتے</label> &nbsp;&nbsp; &nbsp;&nbsp;
                                <label for="can_edit"><input type="checkbox" name="permission[]" id="can_edit"
                                                             value="can_edit"> ترمیم کر سکتے </label>&nbsp;&nbsp; &nbsp;&nbsp;
                                <label for="can_delete"><input type="checkbox" name="permission[]" id="can_delete"
                                                               value="can_delete"> ختم کر سکتے</label><br>
                                <span class="text-danger error" id="permission_error"></span>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="">ماڈیولز:</label>
                                <select name="module[]" id="module" class="form-control" multiple>
                                    <option value="opening balance">اوپنینگ بیلنس</option>
                                    <option value="trip">ٹرپ</option>
                                    <option value="trip advance">ٹرپ پیشگی</option>
                                    <option value="trip details">ٹرپ تفصیلات</option>
                                    <option value="trip expenses">ٹرپ اخرجات</option>
                                    <option value="trip receiving">ٹرپ وصولی</option>
                                    <option value="trip payable">ٹرپ ادائیگی</option>
                                    <option value="trip adjustments">ٹرپ ایڈجسٹمنٹس</option>
                                    <option value="trip salary">ٹرپ تنخواہ</option>
                                    <option value="trip oil">ٹرپ آئل</option>
                                    <option value="trip expense head">اخراجات ہیڈ</option>
                                    <option value="city">شہر</option>
                                    <option value="pump">پمپ</option>
                                    <option value="broker">بروکر</option>
                                    <option value="customer">کسٹمر</option>
                                    <option value="supplier">سپلائر</option>
                                    <option value="driver">گاڑیاں</option>
                                    <option value="vehicle">گاڑیاں</option>
                                    <option value="maintenance head">مینٹینینس ہیڈ</option>
                                    <option value="employee">ملازمین</option>
                                    <option value="document head">کاغذات سر</option>
                                    <option value="workshop">ورکشاپ</option>
                                    <option value="bank">بینک</option>
                                    <option value="account category">اکاوؑنٹ کیٹیگری</option>
                                    <option value="other account">دیگر اکاؤنٹس</option>
                                    <option value="document maintenance">کاغذات مینٹیننس</option>
                                    <option value="maintenance">مینٹیننس واؤچرز</option>
                                    <option value="tyre maintenance">ٹائر مینٹیننس واؤچرز</option>
                                    <option value="claim maintenance">گاڑی کلیم</option>
                                    <option value="general voucher">جرنل واؤچرز</option>
                                    <option value="salary voucher">تنخواہ کے واؤچرز</option>
                                    <option value="receipt voucher">کیش/بینک وصولی واؤچرز</option>
                                    <option value="payment voucher">کیش/بینک ادائیگی واؤچرز</option>
                                    <option value="cash book voucher">کیش بک</option>
                                    <option value="vehicle purchase">گاڑیوں کی خریداری</option>
                                    <option value="vehicle purchase installment">خریداری کی قسطیں</option>
                                    <option value="product category">پروڈکٹ قسم</option>
                                    <option value="product">پروڈکٹس</option>
                                    <option value="purchase">فروخت</option>
                                    <option value="sales">خرید</option>
                                    <option value="supplier payment">سپلائر ادائیگی</option>
                                    <option value="customer payment">کسٹمر وصولی</option>
                                    <option value="reports">رپورٹس</option>
                                </select>
                                <span class="text-danger error" id="module_error"></span>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-md-12">
                                <label for="">ٹرپ گاڑیاں:</label>
                                <select name="vehicle[]" id="vehicle" class="form-control" multiple>
                                    <option value="">------Select Vehicle------</option>
                                    @foreach($vehicles as $vehicle)
                                        <option value="{{ $vehicle->id }}">{{ $vehicle->vehicle_no }}</option>
                                    @endforeach
                                </select>
                                <span class="text-danger error" id="vehicle_error"></span>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col-md-12">
                                <div class="">
                                    @csrf
                                    <button id="submit_btn" class="btn btn-sm btn-primary btn-lg" type="submit"> مخفوظ
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>

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

        <div class="col-md-8">
            <div class="panel panel-card ">
                <div class="panel-body">
                    <table id="user_table" class="table table-bordered" cellspacing="0" width="100%">
                        <thead class="bg-gold text-white">
                        <tr style="white-space: nowrap">
                            <th>#</th>
                            <th>نام</th>
                            <th>ای میل</th>
                            <th>پاس ورڈ</th>
                            <th>اجازتیں</th>
                            <th>سٹیٹس</th>
                            <th>ایکشن</th>
                        </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>

    <div class="modal fade" id="editUserModal" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content panel-card" id="editUserData">

            </div>
        </div>
    </div>
@endsection

@section('javascript')
    @include('users.js')
@endsection
