@php($title='بيانات المرشد')
@extends('adminLayouts.app')
@section('title')
    {{$title}}
@endsection
@section('header')

@endsection
@section('breadcrumb')
    <div class="d-flex align-items-baseline flex-wrap mr-5">
        <!--begin::Breadcrumb-->
        <h5 class="text-warning font-weight-bold my-1 mr-5">{{$title}}</h5>
        <div class="subheader-separator subheader-separator-ver mt-2 mb-2 mr-4 bg-gray-200"></div>
        <ul class="breadcrumb breadcrumb-transparent breadcrumb-dot font-weight-bold p-0 my-2 font-size-sm">
            <li class="breadcrumb-item">
                <a href="{{route('museums')}}"
                   class="text-muted">المرشدين</a>
            </li>
            <li class="breadcrumb-item">
                <a href="{{route('admin')}}"
                   class="text-muted">الصفحة الرئيسية</a>
            </li>
        </ul>
        <!--end::Breadcrumb-->
    </div>
@endsection
@section('content')
    @include('adminLayouts.messages')
    <div class="card">
        <div class="card-body">
            <form method="post" id="form" action="{{route('dashboard.guides.status',$data->id)}}" enctype="multipart/form-data">
                @csrf
                <div class="form-group">
                    <div class="row">
                        <div class="col">
                            <label for="formGroupExampleInput">الاسم</label>
                            <input type="text" class="form-control" disabled value="{{ $data->name }}">
                        </div>
                        <div class="col">
                            <label for="formGroupExampleInput">رقم التليفون</label>
                            <input type="text" class="form-control" disabled value="{{ $data->phone }}">
                        </div>
                        <div class="col">
                            <label for="formGroupExampleInput">البريد الالكترونى</label>
                            <input type="text" class="form-control" disabled value="{{ $data->email }}">
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="row">
                        <div class="col">
                            <label for="formGroupExampleInput2">الصورة الشخصية</label>
                            <br>
                            <img src="{{ url($data->image) }}" alt="#" width="200px">
                        </div>
                        <div class="col">
                            <label for="formGroupExampleInput2">صورة الترخيص</label>
                            <br>
                            <img src="{{ url($data->license_image) }}" alt="#" width="200px">
                        </div>
                    </div>
                </div>
                @if(!empty($data->description_ar))
                <div class="form-group">
                    <div class="row">
                        <div class="col">
                            <label for="formGroupExampleInput2">الوصف بالعربية</label>
                            <br>
                            <textarea cols="form-control" disabled  style="width: 100%" rows="10">{{ $data->description_ar }}</textarea>
                        </div>
                        <div class="col">
                            <label for="formGroupExampleInput2">الوصف بالانجليزية</label>
                            <br>
                            <textarea cols="form-control" disabled style="width: 100%" rows="10">{{ $data->description_en }}</textarea>
                        </div>
                    </div>
                </div>
                @endif
                <div class="form-group">
                    <label for="formGroupExampleInput">المدينة</label>
                    <input type="text" class="form-control" disabled value="{{ $data->city->name_ar }}">
                </div>
                @if($data->approve == 0)
                    <button type="submit" class="btn btn-success">قبول</button>
                @else
                    <button type="submit" class="btn btn-danger">رفض</button>
                @endif
            </form>
        </div>
    </div>

@endsection
@section('script')
    <script !src="">
        var avatar1 = new KTImageInput('kt_image_1');
    </script>
    <script>
        $(document).ready(function() {
            $(document).on('submit', 'form', function() {
                $('button').attr('disabled', 'disabled');
            });
        });
    </script>
@endsection