@extends('admin.layouts.default')

@section('header')

@stop
<style>
    .file-field input[type="file"] {
  position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}
</style>
@section('content')
    <div class="content-w">
    <div class="content-i">
        <div class="content-box">
            @if(session('error'))
                <div class="alert alert-danger"> {{ session('error') }} </div>
            @endif
            <div class="element-wrapper mt-4">
                <div class="row">
                    <div class="col-sm-4">
                        <h6 class="element-header">
                            Editar Pedido
                        </h6>
                    </div>
                </div>
                <div class="element-box tableDataContainer" id="tableDataContainer">
                <form role="form" method="POST" novalidate=""
                                    action="{{route('requests.edit_request', ['id' => $edit_request->id])}}"
                                    enctype="multipart/form-data">

                    <div class="row">
                        <div class="col-sm-12">
                            <h6 class="element-header full">
                                Editar
                            </h6>

                            <div class="row align-items-end">
                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label for="">NIF e Nome do Cliente</label>
                                        <input list="clients_list" value="{{ old("client_nif", $edited_request_client->nif) }}" name="client_nif" class="form-control" placeholder="Nome do cliente" autofocus>

                                        <datalist id="clients_list">
                                            @foreach ($clients_list as $client)
                                                <option data-id="{{$client->id}}" label="{{$client->name}}">{{$client->nif}}</option>

                                            @endforeach
                                        </datalist>
                                        @if ($errors->has('client_id'))
                                            <span class="help-block text-danger" >
                                                <strong>{{ $errors->first('client_nif') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label for="">Tipo de Atendimento</label>
                                        <select class="mdb-select md-form form-control" name="request_type">
                                            <option value="Balcão"
                                            {{ $edit_request->request_type == 'Balcão' ? 'selected' : ''}}>
                                            Balcão</option>
                                            <option value="E-mail"
                                            {{ $edit_request->request_type == 'E-mail' ? 'selected' : ''}}>
                                            E-mail</option>
                                            <option value="Telefone"
                                            {{ $edit_request->request_type == 'Telefone' ? 'selected' : ''}}>
                                            Telefone</option>
                                        </select>
                                        @if ($errors->has('request_type'))
                                            <span class="help-block text-danger">
                                                <strong>{{ $errors->first('request_type') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label for="">Numeração</label>
                                        <p><input class="form-control" type="text" name="numeration" disabled></p>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label for="">Descrição do Pedido</label>
                                          <textarea class="form-control rounded-0" rows="10" name="description"
                                            placeholder="(Required)">{{ old("description", $edit_request->description) }}</textarea>
                                        @if ($errors->has('description'))
                                            <span class="help-block text-danger" >
                                                <strong>{{ $errors->first('description') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row align-items-center">
                        <div class="col-sm-6">
                            <div class="file-field control-group form-group">
                                <div class="file-path-wrapper">
                                    @if (isset($request_details_files_urls))
                                        @foreach ($request_details_files_urls as $url)
                                            <div class="row align-items-center parent-div-remove col-sm-12">
                                                <div class="col-sm-8 p-0">
                                                    <input type="text" value="{{$url}}" class="file-path validate form-control" disabled>
                                                </div>
                                                <div class="col-sm-2 p-0">
                                                    <button class="btn btn-danger btn-remove" type="button" id="remove_oldfile"
                                                    data-name="{{$url}}" data-id="{{$edit_request->id}}">
                                                        <i class="fa fa-trash"></i></button>
                                                </div>
                                            </div>
                                        @endforeach
                                    @else
                                        <span>Nenhum ficheiro anexado a este pedido.</span>
                                    @endif
                                    @if ($errors->has('file'))
                                        <span class="help-block text-danger">
                                            <strong>{{ $errors->first('file') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="files_div"></div>
                    <div class="input-group-btn">
                        <button class="btn btn-success btn-add-more" type="button">
                            <i class="fa fa-plus"></i></button>
                    </div>
                    {{-- File input clone --}}
                    <div class="clone" hidden>
                        <div class="file-field control-group form-group">
                            <div class="row align-items-center col-sm-6">
                                <div class="btn btn-primary position-relative col-sm-3">
                                    <span>Escolher Ficheiro</span>
                                    <input type="file" name="files[]" id="file_id" class="id_0">
                                </div>
                                <div class="file-path-wrapper col-sm-5 pl-1 pr-0">
                                    <input id="show_file_name" class="file-path validate form-control id_0" type="text" placeholder="Nome do ficheiro" disabled>
                                </div>
                                <div class="col-sm-2 p-0">
                                    <button class="btn btn-danger btn-remove" type="button" id="remove_newfile">
                                        <i class="fa fa-trash"></i></button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="form-buttons-w form-buttons-custom text-left">
                            <button class="btn btn-success">Submeter</button>
                            <input class="btn btn-warning" type="reset" value="Limpar">
                            <a href="/pedidos/lista" class="btn btn-default">Cancel</a>
                        </div>
                    </div>


                    <input type="hidden" name="_token" value="{{{ csrf_token() }}}" />
                </form>
                </div>
                </div>
        </div>
    </div>
</div>

@stop

@section('scripts')
<script>
    edit_request_input_files_scripts();
</script>
@stop