@extends("layouts.admin.app")
@section("page-title")
    {{__("Clients")}}
@endSection
@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i>{{__("Clients")}}</h1>
            <p>{{__("All Clients")}}</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">{{__("Dashboard")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{__("Clients")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{__("Edit")}}</a></li>
        </ul>
    </div>
@endsection

@section("content")
    @include("includes.dialog")

    <div class="row">
        <div class="col-lg-10 m-auto">
            <div class="tile">
                <h3 class="tile-title">{{__("Edit Clients")}}</h3>
                <div class="tile-body">
                    <form method="post" action="{{route("admin.clients.update", ["id" => $client->id])}}" enctype="multipart/form-data">
                        @csrf
                        @method("put")
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("Type")}}</label>
                                    <select class="form-control @if($errors->has('type')) is-invalid @endif user-type" name="type">
                                        <option value="client">{{__("Client")}}</option>
                                        <option value="vendor">{{__("Vendor")}}</option>
                                    </select>
                                </div>
                                @error("type")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                            <div class="col-lg-6 branch" style="display: none">
                                <div class="form-group">
                                    <label class="control-label">{{__("Branch")}}</label>
                                    <select class="form-control @if($errors->has('branch_id')) is-invalid @endif" name="branch_id">
                                        @foreach($branches as $branch)
                                            <option value="{{ $branch->id }}">{{ $branch->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                @error("branch_id")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
{{--                            <div class="col-lg-6">--}}
{{--                                <div class="form-group">--}}
{{--                                    <label class="control-label">{{__("Full name")}}</label>--}}
{{--                                    <input class="form-control @if($errors->has('name')) is-invalid @endif" type="text" name="name" placeholder="{{__("Enter Full name")}}" value="{{inputValue("name", $client)}}">--}}
{{--                                </div>--}}
{{--                                @error("name")--}}
{{--                                <div class="input-error">{{$message}}</div>--}}
{{--                                @enderror--}}
{{--                            </div>--}}
{{--                            <div class="col-lg-6">--}}
{{--                                <div class="form-group">--}}
{{--                                    <label class="control-label">{{__('Birth Date')}}</label>--}}
{{--                                    <input class="form-control @if($errors->has('birth_date')) is-invalid @endif" type="date" name="birth_date" placeholder="{{__("Enter Birth Date")}}" value="{{inputValue("birth_date", $client)}}">--}}
{{--                                </div>--}}
{{--                                @error("birth_date")--}}
{{--                                <div class="input-error">{{$message}}</div>--}}
{{--                                @enderror--}}
{{--                            </div>--}}
{{--                            <div class="col-lg-6">--}}
{{--                                <div class="form-group">--}}
{{--                                    <label class="control-label">{{__("Gender")}}</label>--}}
{{--                                    <select class="form-control @if($errors->has('gender')) is-invalid @endif" name="gender">--}}
{{--                                        <option @if($client->gender == 1) selected @endif value="1">{{__("Male")}}</option>--}}
{{--                                        <option @if($client->gender == 2) selected @endif value="2">{{__("Female")}}</option>--}}
{{--                                    </select>--}}
{{--                                </div>--}}
{{--                                @error("gender")--}}
{{--                                <div class="input-error">{{$message}}</div>--}}
{{--                                @enderror--}}
{{--                            </div>--}}
{{--                            <div class="col-lg-6">--}}
{{--                                <div class="form-group">--}}
{{--                                    <label class="control-label">{{__("Phone number")}}</label>--}}
{{--                                    <input class="form-control @if($errors->has('phone_number')) is-invalid @endif" type="text" name="phone_number" placeholder="{{__("Enter Full name")}}" value="{{inputValue("phone_number", $client)}}">--}}
{{--                                </div>--}}
{{--                                @error("phone_number")--}}
{{--                                <div class="input-error">{{$message}}</div>--}}
{{--                                @enderror--}}
{{--                            </div>--}}
                        </div>
{{--                        <hr>--}}
{{--                        <div class="row">--}}
{{--                            <div class="col-lg-6">--}}
{{--                                <div class="form-group">--}}
{{--                                    <label class="control-label">{{__("Profile Photo")}}</label>--}}
{{--                                    <div>--}}
{{--                                        <button class="btn btn-primary form-control button-upload-file" >--}}
{{--                                            <input class="input-file show-uploaded" data-upload-type="single" data-imgs-container-class="uploaded-images" type="file" name="profile_photo">--}}
{{--                                            <span class="upload-file-content">--}}
{{--                                                <i class="fas fa-upload fa-lg upload-file-content-icon left"></i>--}}
{{--                                                <span class="upload-file-content-text">{{__("Upload Photo")}}</span>--}}
{{--                                            </span>--}}
{{--                                        </button>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                                @error("profile_photo")--}}
{{--                                <div class="input-error">{{$message}}</div>--}}
{{--                                @enderror--}}
{{--                            </div>--}}
{{--                            <div class="col-lg-3 col-md-5 col-sm-6">--}}
{{--                                <div class="uploaded-images" style="margin-bottom: 20px;">--}}
{{--                                    <div class="img-container">--}}
{{--                                        @if($client->getFirstMediaFile("profile_photo"))<img src="{{$client->getFirstMediaFile("profile_photo")->url}}" alt="">@endif--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
                        <div class="tile-footer">
                            <button class="btn btn-primary" type="submit"><i class="fa fa-fw fa-lg fa-check-circle"></i> {{__('Save')}}</button>
                        </div>
                    </form>
                </div>

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

@endsection

@section("scripts")

    <script>
        $(".user-type").on("change", function (){
            var type = $(this).val()
            if(type !== "client"){
                $(".branch").fadeIn()
            }else{
                $(".branch").fadeOut()
            }
        })
    </script>


@endsection