@extends('layouts.app')
@section('content')
    <div class="page-wrapper">
        <div class="page-content">
            <div class="row">
                @include('partials._alerts')
                <div class="col-xl-9 mx-auto">
                    <div class="d-flex">
                        <a href="{{route('company.index')}}" class="btn btn-primary"><i class="bx bx-left-arrow"></i> </a>
                        <h6 style="padding: 8px 8px;" class="mb-0 text-uppercase">კომპანიის დამატება</h6>
                    </div>
                    <hr/>
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    <div class="card border-top border-0 border-4 border-info">
                        <div class="card-body">
                            <div class="border p-4 rounded">
                                <hr/>
                                <form action="{{route('company.store')}}" method="post">
                                    @csrf
                                    <div class="row">
                                        <label for="region" class="col-sm-3 col-form-label">დამკვეთის ტიპი</label>
                                        <div class="col-sm-9">
                                            <select name="type" class="form-select mb-3" id="region">
                                                <option selected>...</option>
                                                <option value="1" @if(old('region')==1) selected @endif>კონტრაქტორი კომპანია</option>
                                                <option value="2" @if(old('region')==2) selected @endif>ერთჯერადი მომსახურება</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <label for="inputEnterYourName" class="col-sm-3 col-form-label">ს/კ</label>
                                        <div class="col-sm-9">
                                            <input type="number" name="id_number" value="{{old('id_number')}}" class="form-control" id="inputEnterYourName" placeholder="">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <label for="inputEnterYourName" class="col-sm-3 col-form-label">დასახელება</label>
                                        <div class="col-sm-9">
                                            <input type="text" name="name" value="{{old('name')}}" class="form-control" id="inputEnterYourName" placeholder="">
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label for="region" class="col-sm-3 col-form-label">რეგიონი</label>
                                        <div class="col-sm-9">
                                            <select name="region" class="form-select mb-3" id="region">
                                                <option selected>...</option>
                                                @foreach(__('region') as $reg)
                                                    <option value="{{$reg}}" @if($reg==old('region')) selected @endif>{{$reg}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label for="region" class="col-sm-3 col-form-label">ქალაქი</label>
                                        <div class="col-sm-9">
                                            <select name="city" class="form-select mb-3" id="region">
                                                <option selected>...</option>
                                                @foreach(__('city') as $city)
                                                    <option value="{{$city}}" @if($city==old('city')) selected @endif>{{$city}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <label for="address" class="col-sm-3 col-form-label">მისამართი</label>
                                        <div class="col-sm-9">
                                            <input type="text" name="address" value="{{old('address')}}" class="form-control" id="address" placeholder="">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <label for="address" class="col-sm-3 col-form-label">მენეჯერი</label>
                                        <div class="col-sm-9">
                                            <input type="text" name="manager" value="{{old('manager')}}" class="form-control" id="address" placeholder="">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <label for="date" class="col-sm-3 col-form-label">ხელშეკრულების დაწყების თარიღი</label>
                                        <div class="col-sm-9">
                                            <input name="start_date" value="{{old('start_date')}}" class="form-control date" type="text" id="date">
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label class="col-sm-3 col-form-label"></label>
                                        <div class="col-sm-9">
                                            <button type="submit" class="btn btn-info px-5">დამატება</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('css')
    <link href="{{asset('assets/plugins/datetimepicker/css/classic.css')}}" rel="stylesheet" />
    <link href="{{asset('assets/plugins/datetimepicker/css/classic.time.css')}}" rel="stylesheet" />
    <link href="{{asset('assets/plugins/datetimepicker/css/classic.date.css')}}" rel="stylesheet" />
    <link rel="stylesheet" href="{{asset('assets/plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.min.css')}}">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
@endpush
@push('script')
    <script src="{{asset('assets/plugins/datetimepicker/js/legacy.js')}}"></script>
    <script src="{{asset('assets/plugins/datetimepicker/js/picker.js')}}"></script>
    <script src="{{asset('assets/plugins/datetimepicker/js/picker.time.js')}}"></script>
    <script src="{{asset('assets/plugins/datetimepicker/js/picker.date.js')}}"></script>
    <script src="{{asset('assets/plugins/bootstrap-material-datetimepicker/js/moment.min.js')}}"></script>
    <script src="{{asset('assets/plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.min.js')}}"></script>
    <script>
        $('.datepicker').pickadate({
            selectMonths: true,
            selectYears: true
        }),
            $('.timepicker').pickatime()
    </script>
    <script>
        $(function () {
            $('#date-time').bootstrapMaterialDatePicker({
                format: 'YYYY-MM-DD HH:mm'
            });
            $('#date').bootstrapMaterialDatePicker({
                time: false
            });
            $('#time').bootstrapMaterialDatePicker({
                date: false,
                format: 'HH:mm'
            });
        });
    </script>
@endpush