@extends('seller.layout.index')

{{-- ===========  meta Title  =================== --}}
@section('title')
    پرسنل
@endsection
{{-- ===========  My Css Style  =================== --}}

@section('style')
    <style>
    </style>
@endsection

{{-- ===========  My JavaScript  =================== --}}

@section('script')
    <script>
        new mds.MdsPersianDateTimePicker(document.getElementById('variationDateOnSaleFrom'), {
            targetTextSelector: '#variationInputDateOnSaleFrom',
            englishNumber: true,
            enableTimePicker: false,
            textFormat: 'yyyy-MM-dd ',
        });
    </script>
@endsection

{{-- ===========      CONTENT      =================== --}}
@section('content')
    <div class="container">
        <h2>افزودن پرسنل</h2>
        <form method="POST" action="{{ route('seller.personnel.store') }}">
            @csrf
            <div class="form-row">
                <div class="mb-3 col-6">
                    <label>نام:</label>
                    <input type="text" name="first_name" class="form-control" required>
                    @error('first_name')
                    <span class="error-text text-danger">{{ $message }}</span>
                    @enderror
                </div>
                <div class="mb-3 col-6">
                    <label>نام خانوادگی:</label>
                    <input type="text" name="last_name" class="form-control" required>
                    @error('last_name')
                    <span class="error-text text-danger">{{ $message }}</span>
                    @enderror
                </div>

                <div class="mb-3 col-6">
                    <label>نام پدر:</label>
                    <input type="text" name="father_name" class="form-control" required>
                    @error('father_name')
                    <span class="error-text text-danger">{{ $message }}</span>
                    @enderror
                </div>

                <div class="mb-3 col-6">
                    <label>شماره موبایل:</label>
                    <input type="text" name="cellphone" class="form-control" required>
                    @error('cellphone')
                    <span class="error-text text-danger">{{ $message }}</span>
                    @enderror
                </div>
                <div class="mb-3 col-6">
                    <label>کد ملی :</label>
                    <input type="text" name="national_code" class="form-control" required>
                    @error('national_code')
                    <span class="error-text text-danger">{{ $message }}</span>
                    @enderror
                </div>


                <div class="form-group col-md-6">
                    <label> تاریخ تولد </label>
                    <div class="input-group">
                        <div class="input-group-prepend order-2">
                              <span class="input-group-text" id="variationDateOnSaleFrom">
                                    <i class="fas fa-clock"></i>
                              </span>
                        </div>
                        <input type="text" class="form-control" id="variationInputDateOnSaleFrom"
                               name="birth_date">

                        @error('birth_date')
                        <span class="error-text text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>
            </div>
            <button type="submit" class="btn btn-success">ایجاد پرسنل</button>
        </form>
    </div>
@endsection