@extends('master')

@section('title', 'edit currencies')



@section('content')
    <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
        <!--begin::Content-->
        <div id="kt_app_content" class="app-content flex-column-fluid">
            <!--begin::Content container-->
            <div id="kt_app_content_container" class="app-container container-xxl">
                <!--begin::Card-->
                <div class="card">
                    <!--begin::Card header-->
                    <div class="card-header border-0 pt-6"></div>
                    <!--end::Card header-->

                    <!--begin::Card body-->
                    <div class="card-body pt-0">
                        <form action="{{ route('countries.update',$country->id) }}" method="POST"
                            enctype="multipart/form-data">
                            @csrf
                            @method('patch')

                            <div class="row">
                                <div class="mb-10 col-6">
                                    <label for="inputArabicName" class="form-label">@lang('app.countries.name_ar') <span class="required-field">*</span>
                                    </label>
                                    <input type="text" class="form-control @error('name_ar') is-invalid @enderror"
                                        id="inputArabicName" name="name_ar" value="{{$country->name_ar}}" >
    
                                    @error('name_ar')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="mb-10 col-6">
                                    <label for="inputArabicName" class="form-label">@lang('app.countries.name_en') <span class="required-field">*</span>
                                    </label>
                                    <input type="text" class="form-control @error('name_en') is-invalid @enderror"
                                           id="inputArabicName" name="name_en" value="{{$country->name_en}}" >
    
                                    @error('name_en')
                                    <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            

                            <div class="row">
                                <div class="mb-10 col-6">
                                    <label for="inputArabiccurrency" class="form-label">@lang('app.countries.currency_ar') <span class="required-field">*</span>
                                    </label>
                                    <input type="text" class="form-control @error('currency_ar') is-invalid @enderror"
                                        id="inputArabiccurrency" name="currency_ar" value="{{$country->currency_ar}}" >
    
                                    @error('currency_ar')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
    
    
                                <div class="mb-10 col-6">
                                    <label for="inputArabicCurrency" class="form-label">@lang('app.countries.currency_en') <span class="required-field">*</span>
                                    </label>
                                    <input type="text" class="form-control @error('currency_en') is-invalid @enderror"
                                           id="inputArabicCurrency" name="currency_en" value="{{$country->currency_en}}" >
    
                                    @error('currency_en')
                                    <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="row">
                                <div class="mb-10 col-6">
                                    <label for="inputArabiccurrency" class="form-label">@lang('app.countries.country_code') <span class="required-field">*</span>
                                    </label>
                                    <input type="text" class="form-control @error('country_code') is-invalid @enderror"
                                        id="inputArabiccurrency" name="country_code" value="{{$country->country_code}}" >
    
                                    @error('country_code')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
    
    
                                <div class="mb-10 col-6">
                                    <label for="inputArabicCurrency" class="form-label">@lang('app.countries.currency_code') <span class="required-field">*</span>
                                    </label>
                                    <input type="text" class="form-control @error('currency_code') is-invalid @enderror"
                                           id="inputArabicCurrency" name="currency_code" value="{{$country->currency_code}}" >
    
                                    @error('currency_code')
                                    <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                           
                           

                            {{-- link --}}
                            {{-- <div class="mb-10">
                                <label for="inputArabicName" class="form-label">@lang('app.currencies.symbol') <span class="text-muted">(@lang('app.general.optional'))</span>
                                </label>
                                <input type="text" class="form-control @error('symbol') is-invalid @enderror"
                                    id="inputArabicName" name="symbol" value="{{ $currency->symbol }}">

                                @error('symbol')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div> --}}

                            {{-- body --}}
                            {{-- <div class="mb-10">
                                <label for="inputBody" class="form-label">@lang('app.currencies.price') <span class="text-muted">(@lang('app.general.optional'))</span>
                                </label>

                                <textarea name="price" id="inputBody" cols="30" rows="10"
                                    class="form-control @error('price') is-invalid @enderror">{{ $currency->price }}</textarea>

                                @error('price')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div> --}}



                            {{-- image --}}
                            <div class="mb-10">
                                <label for="exampleImage">@lang('app.general.image') <span class="text-muted">(@lang('app.general.optional'))</span></label>
                                <input type="file" class="form-control imgInp" id="exampleImage" name="icon"
                                    accept="image/*">

                                @error('icon')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- image preview --}}
                            <div class="mb-10">
                                <img src="{{$country->icon?uploadsPath($country->icon):asset('assets/media/logos/banker.png')}}" alt="" class="img-thumbnail image-show" width="100" height="120"
                                    style="">
                            </div>


                            <div class="col-md-6">
                                <label for="Status">Status</label>
                                <select class="form-control" name="status">
                                    <option value="1" {{$country->status == 1 ?'selected':''}}>Active</option>
                                    <option value="0" {{$country->status == 0?'selected':''}}>Not Active</option>

                                </select>

                            </div>

                            {{-- link --}}
                            {{-- <div class="mb-10">
                                <label for="inputArabicName" class="form-label">@lang('app.currencies.source') <span class="text-muted">(@lang('app.general.optional'))</span>
                                </label>
                                <input type="url" class="form-control @error('source') is-invalid @enderror"
                                       id="inputArabicName" name="source" value="{{ $currency->source }}">

                                @error('source')
                                <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div> --}}


                            <div class=" mt-4 text-center m-auto">
                                <button type="submit" class="btn btn-primary mt-4 text-center m-auto">@lang('app.countries.Edit country')</button>

                            </div>
                        </form>
                    </div>
                    <!--end::Card body-->
                </div>
                <!--end::Card-->
                <!--begin::Modals-->


                <!--end::Modals-->
            </div>
            <!--end::Content container-->
        </div>
        <!--end::Content-->
    </div>
@endsection

@push('scripts')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.3.3/axios.min.js" integrity="sha512-wS6VWtjvRcylhyoArkahZUkzZFeKB7ch/MHukprGSh1XIidNvHG1rxPhyFnL73M0FC1YXPIXLRDAoOyRJNni/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script>
        $(document).ready(function(){
            $("select").change(function(){
                $(this).find("option:selected").each(function(){
                    var optionValue = $(this).attr("value");
                    if(optionValue){
                        $(".box").not("." + optionValue).hide();
                        $("." + optionValue).show();
                    } else{
                        $(".box").hide();
                    }
                });
            }).change();
        });
        $("#searchUser").change(function (){


            console.log(this.value)
            axios.get('users?name='+this.value)
                .then((res)=>{
                    console.log(res.data)
                    for(const i in res.data.users)
                    {
                        console.log(res.data.users[i]);
                        let user = `
                                    <div class="form-row py-2">
                                        <label for="${res.data.users[i].name}">${res.data.users[i].name}</label>
                                        <input type="checkbox" id="${res.data.users[i].name}" name="user_id[]" class="form-check-input" value="${res.data.users[i].id}"/>
                                    </div>
                                    `;
                        $('#results').append(user)
                    }


                });
            // $.ajax({
            //     url:'users?name='+ this.value,
            //     body:this.name
            // }).response(function (param) {
            //     console.log(param)
            // })

        })
    </script>
@endpush