{{-- @dd() --}}
@extends('layout.app')
@section('title')
    {{ __('انشاء فرق') }}
@stop

@section('css')
    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/vendors-rtl.min.css') }}">
    <!-- END: Vendor CSS-->

    <!-- BEGIN: Theme CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/bootstrap.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/bootstrap-extended.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/colors.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/components.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/themes/dark-layout.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/themes/bordered-layout.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/themes/semi-dark-layout.css') }}">

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css"
        href="{{ asset('app-assets/css-rtl/core/menu/menu-types/vertical-menu.css') }}">
    <!-- END: Page CSS-->

    <!-- BEGIN: Custom CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/custom-rtl.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style-rtl.css') }}">
    <!-- END: Custom CSS-->
@endsection

@section('content')

    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">{{ __('انشاء فرق') }}</h2>
                    </div>
                </div>
            </div>
        </div>

        <div class="content-body">
            <section class="form-control-repeater">
                <div class="row">
                    <!-- Invoice repeater -->
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">

                                <x-alert />
                                <form action="{{ route('differences.store') }}" method="POST">
                                    @csrf
                                    <div class="row">
                                       {{-- user role --}}
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="form-group">
                                                <label for="user_id" class="form-label">{{ __('المستخدم') }}</label>
                                                <select name="user_id" id="user_id" class="form-control">
                                                    <option value="">{{ __('اختيار المستخدم') }}</option>
                                                    @foreach (App\Models\User::get() as $item)
                                                        <option value="{{ $item->id }}"
                                                            @if ($item->id == old('user_id')) selected @endif>{{ $item->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        {{-- end user role --}}

                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="price">{{ __('قيم المبلغ') }}</label>
                                                <input type="text" class="form-control" id="price"
                                                    value="{{ old('price') }}" aria-describedby="price" name="price" required />
                                            </div>
                                        </div>

                                        {{-- user role --}}
                                        <div class="col-lg-6 col-md-6 col-sm-12">
                                            <div class="form-group">
                                                <label for="type" class="form-label">{{ __('نوع الفرق') }}</label>
                                                <select name="type" id="type" class="form-control">
                                                    <option value="0" @if ('0' == old('type')) selected @endif>{{ __('عليه') }}</option>
                                                    <option value="1" @if ('1' == old('type')) selected @endif>{{ __('له') }}</option>
                                                </select>
                                            </div>
                                        </div>
                                        {{-- end user role --}}

                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="description">{{ __('وصف') }}</label>
                                                <textarea type="text" class="form-control" id="description" name="description"> {{ old('description') }}</textarea>
                                            </div>
                                        </div>

                                        <div class="col-lg-12 col-md-12 col-sm-12 mt-1">
                                            <hr>
                                            <button class="btn btn-icon btn-success" type="submit">
                                                <i data-feather="save" class="mr-25"></i>
                                                <span>{{ __('حفظ') }}</span>
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-- /Invoice repeater -->
                </div>
            </section>

        </div>
    </div>
@endsection